Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [CSS2] Test przegladarek
wassago
post
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)
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi
bigZbig
post
Post #2





Grupa: Zarejestrowani
Postów: 740
Pomógł: 15
Dołączył: 23.08.2004
Skąd: Poznań

Ostrzeżenie: (0%)
-----


Cytat(wassago @ 2003-09-30 07:04:23)
---------------------------------- WYNIKI ----------------------------------

<b>Prawidlowo wykonany kod w procentach</b>:

<b>Mozilla 1.5</b>: 100%
<b>Internet Explorer 6</b>:  16%
<b>Opera 7</b>: 84%


Rozumiem, że te wyniki dotyczą tylko i wyłącznie możliwości prawidłowego wyświetlenia kodu, który podałeś. Jak zostało to już wspomniane CSS2 ma wielkie możliwości i ogromny potencjał, ale co z tego jak przeglądarki nie potrafią go prawidłowo zinterpretować np text-shadow (używam Mozilli Firefoxa 9, który też nie potrafi tego wyświetlić). Interpretacja kodu zgodnie z oficjalną specyfikacją powinna być moim zdaniem priorytetem. Różnice w obsłudze pewnych technologi są strasznie irytującym wrzodem. Przeglądarki nawet jeśli obsługują pewne "komendy" to bardzo często z różnym rezultatem. To samo dotyczy JS, a co za tym idzie DHTML. Naszczęście są rozwiązania podobne do biblioteki Alladyn, które ułatwiają pracę projektanta, nie mniej - po pierwsze - są to rozwiązania wymuszone, a po drugie nie są idealne.
Go to the top of the page
+Quote Post

Posty w temacie


Reply to this topicStart new topic
2 Użytkowników czyta ten temat (2 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Aktualny czas: 5.10.2025 - 23:03