![]() |
![]() |
![]()
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: 13 Pomógł: 0 Dołączył: 30.12.2003 Ostrzeżenie: (0%) ![]() ![]() |
Cytat opera nie powinna miec problemu z tym q, q:before, q:after bo wlasnie to jest przyklad zywcem wyciety ze specyfikacji... No i Opera nie ma żadnych problemów z tym. A ten przykład ze specyfikacji jest prawidłowy tylko w tym przypadku, gdy content jest aplikowany do pseudoklas :before i :after (zgodnie ze specyfikacją CSS 2.1), ale ponieważ Opera ma eksperymentalne wsparcie dla contentu aplikowanego do wszystkich elementów (opracowywany standard CSS3 będzie prawdopodobnie posiadał tego typu rozwiązania): http://www.opera.com/docs/specs/: Proposed CSS 3 properties supported by Opera Note that these properties are at an early stage of development, they may be changed or removed from the specifications at any time. Use them as experimental. - Experimental support for Media Queries - content is applicable on all elements, not just on the :before and :after pseudo-elements - box-sizing dlatego ten test wygląda tak a nie inaczej w Operze. W tej chwili mogę tylko potwierdzić problem w Operze z konstrukcją a[href="http://www.w3.org"]. |
|
|
![]() ![]() |
![]() |
Aktualny czas: 7.10.2025 - 04:12 |