 [CSS2] Test przegladarek |
| [CSS2] Test przegladarek |
Post
#1
|
|
|
Grupa: Przyjaciele php.pl Postów: 701 Pomógł: 0 Dołączył: 26.06.2002 Skąd: Londyn Ostrzeżenie: (0%) 
 |
Przeprowadzilem maly test polegajacy na sprawdzeniu jakie przegladarki prawidlowo zinterpretuja kod CSS stric. wedlug specyfikacji CSS2. Wyniki mowia same za siebie dlatego nie bede sie rozpisywal tylko przejde od razu do testu.
kod zrodlowy testowanej strony: [xml:1:86952c8dfc] <html lang="pl"> <head> <style> [LANG=pl] > * { font-family: tahoma; font-size: 11px; background-color: #ffffff } h3, h3:after { display: run-in; content: ": " } q, q:before, q:after { content: open-quote; content: close-quote; font-style: italic } div.a:hover { background: #ebebeb } a { text-decoration: none } a[href="http://www.w3.org"] { text-decoration: none; color: #ff8040 } span[osoba="julia"]:before { display: block; content: "Julia: "; font-weight: bold; color: #ff6699 } span[osoba="romeo"]:before { display: block; content: "Romeo: "; font-weight: bold; color: #0099cc } .center { text-align: center } </style> </head> <body> <h3>Przykładowy dialog</h3> <span osoba="julia">oh, Romeo! gdzie jestes?!</span><br /> <span osoba="romeo">ej, ty slepa! spojz w dol...</span><br /> <span osoba="julia">Romeo! tak za toba tesknilam! nie moge zyc bez Ciebie!</span><br /> <span osoba="romeo">no dobra ale jest cos o czym powinnas wiedziec, bo widzisz... okazuje sie, ze jestem homoseksualista...</span><br /> <span osoba="julia">...Romeo!! to wspaniale bo ja Ci nie wspomnialam, ze jestem mezczyzna</span><br /><br /> <div class="center + a"> <br /> <q>Ten tekst jest cytatem. <br />Powinien byc wysrodkowany, pochylony, dwa razy zlamany <br />oraz zaczynac sie i konczyc cudzyslowiem</q> <br /><br /> </div> ps. kiedy kursor znajdzie sie nad tym cytetem tlo zmieni kolor<br /><br /> <a href="http://www.w3.org">http://www.w3.org/</a> - (ten link automatycznie powinien miec zmieniany kolor poniewaz jest bardzo dla nas wazny)<br /> <a href="http://www.inny.org">http://www.inny.org/</a><br /> <a href="http://www.inny.org">http://www.inny.org/</a><br /> <a href="http://www.inny.org">http://www.inny.org/</a><br /> </body> </html> [/xml:1:86952c8dfc] ja widzicie nic specjalnego - prosty kod, wszyscy wiemy o co chodzi. ---------------------------------- WYNIKI ---------------------------------- Prawidlowo wykonany kod w procentach: Mozilla 1.5: 100% Internet Explorer 6: 16% Opera 7: 84% ---------------------------------- WYNIKI IMG ------------------------------ Mozilla 1.5 (IMG:http://www.lo4.zgora.pl/temp/css_test/css_test_moz15.png) Internet Explorer 6 (IMG:http://www.lo4.zgora.pl/temp/css_test/css_test_ie6.png) Opera 7 (IMG:http://www.lo4.zgora.pl/temp/css_test/css_test_op7.png) |
 |
 
|
 |
|
Post
#2
|
|
|
Grupa: Zarejestrowani Postów: 87 Pomógł: 0 Dołączył: 13.04.2003 Skąd: Poznan Ostrzeżenie: (0%)
|
fajny test css tylko szkoda ze sama strona niebardzo w standardzie :/
aha Operze nalezy sie troche wiecej - po malej poprawce before tez dziala (IMG:http://forum.php.pl/style_emoticons/default/tongue.gif) A tak wygladalby prawdziwy XHTML 1.0 Strict [xml:1:a059423baf] <?xml version="1.0" encoding="iso-8859-2"?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" lang="pl"> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-2" /> <style type="text/css"> [LANG=pl] > * { font-family: tahoma, sans-serif; font-size: 11px; background-color: #ffffff; } h3:after { display: run-in; content: ": "; } q:before, q:after { content: open-quote; content: close-quote; font-style: italic; } q { font-style: italic; } div.a:hover { background: #ebebeb; } a { text-decoration: none; } a[href="http://www.w3.org"] { text-decoration: none; color: #ff8040; } span[class="julia"]:before { display: block; content: "Julia: "; font-weight: bold; color: #ff6699; } span[class="romeo"]:before { display: block; content: "Romeo: "; font-weight: bold; color: #0099cc; } .center { text-align: center; } </style> <title>CSS Test</title> </head> <body> <h3>Przykładowy dialog</h3> <p> <span class="julia">oh, Romeo! gdzie jestes?!</span><br /> <span class="romeo">ej, ty slepa! spojz w dol...</span><br /> <span class="julia">Romeo! tak za toba tesknilam! nie moge zyc bez Ciebie!</span><br /> <span class="romeo">no dobra ale jest cos o czym powinnas wiedziec, bo widzisz... okazuje sie, ze jestem homoseksualista...</span><br /> <span class="julia">...Romeo!! to wspaniale bo ja Ci nie wspomnialam, ze jestem mezczyzna</span><br /><br /> <object> <div class="center + a"> <br /> <q>Ten tekst jest cytatem. <br />Powinien byc wysrodkowany, pochylony, dwa razy zlamany <br />oraz zaczynac sie i konczyc cudzyslowiem</q> <br /><br /> </div> </object> ps. kiedy kursor znajdzie sie nad tym cytetem tlo zmieni kolor<br /><br /> <a href="http://www.w3.org">http://www.w3.org/</a> - (ten link automatycznie powinien miec zmieniany kolor poniewaz jest bardzo dla nas wazny)<br /> <a href="http://www.inny.org">http://www.inny.org/</a><br /> <a href="http://www.inny.org">http://www.inny.org/</a><br /> <a href="http://www.inny.org">http://www.inny.org/</a><br /> </p> </body> </html> [/xml:1:a059423baf] Szkoda ze "jedyna sluszna" przegladarka ma az takie problemy... Bo w koncu co z tego ze css oferuje takie mozliwosci jak przez M$ mozemy o tym pisac w ramach "ciekawostki z sieci"... Pozdrawiam |
|
|
|
wassago [CSS2] Test przegladarek 30.09.2003, 08:04:23 
wassago oj polonizowalbym... 8) opera nie powinna miec pr... 30.09.2003, 11:14:35 Jabol http://forum.php.pl/viewtopic.php?t=6164 tam są li... 30.09.2003, 19:44:12 wassago Jabol widziales moj wpis w twoim poscie? :wink:
po... 1.10.2003, 07:58:43 Krzychur Nie wiem co tak chwalicie te przegladarki. Dobrze ... 26.01.2004, 08:40:21 Dominik CytatNie wiem co tak chwalicie te przegladarki. Do... 26.01.2004, 14:28:08 wassago Cytat[...]
4. I wreszcie wlasniwa odpowiedz: Buhah... 29.01.2004, 00:34:40 quiris Cytatopera nie powinna miec problemu z tym q, q:be... 23.06.2004, 11:13:02 bigZbig Cytat(wassago @ 2003-09-30 07:04:23)---------... 25.08.2004, 09:47:23 wassago pokaz no mi palcem w specyfikacji css2.1 atrybut t... 27.09.2004, 10:33:22 MP1 "height: 1px"
Mozilla wyświetla to jako... 23.10.2004, 18:08:24 Aztech Jeśli chcecie poczyać sobie troszeczke o tym jak t... 23.10.2004, 20:40:33 bela_666 @Aztech: jeżeli tylko jedno wydawnictwo w polsce t... 23.10.2004, 21:25:20 
Michał Fikus Cytat(wassago @ 2004-09-27 11:33:22)pokaz no ... 27.10.2004, 21:51:09  |
|
Aktualny czas: 26.12.2025 - 11:41 |
