Forum Webmastera, HTML, CSS, PHP, MySQL, Hosting, Domeny - Forum dla Webmasterów
CSS - Różnice w wyświetlaniu. - Wersja do druku

+- Forum Webmastera, HTML, CSS, PHP, MySQL, Hosting, Domeny - Forum dla Webmasterów (https://www.webmastertalk.pl)
+-- Dział: Technologie internetowe - tworzenie stron WWW (https://www.webmastertalk.pl/forum-technologie-internetowe-tworzenie-stron-www)
+--- Dział: xHTML, CSS, JavaScript (https://www.webmastertalk.pl/forum-xhtml-css-javascript)
+--- Wątek: CSS - Różnice w wyświetlaniu. (/thread-css-roznice-w-wy%C5%9Bwietlaniu)



CSS - Różnice w wyświetlaniu. - Firax - 06-11-2011

Zdziwiło mnie, że jak pisałem style w css, to Mozilla wyświetlała inaczej niż Opera czy IE.
Słyszałem, ze stare wersje IE mają inna interpretacje CSS ale FireFox i Opera?
Chodzi o coś niewielkiego, bo grubości obramowania w divach inaczej się wyświetlają, ale jak to ominąć, jakieś tworzenie osobnych css'ów dla różnych przeglądarek z takiego powodu jest mało sensowne, no i przede wszystkim nie wiem czemu przeglądarki tak samo interpretujące css dają różne wyniki...


RE: CSS - Różnice w wyświetlaniu. - Kartofelek - 06-11-2011

Chociażby różnica w clearfixie. Zobacz sobie stronę (zwróć uwagę na małe czcionki) pod najnowszym IE i FF. Jest różnica? Jest.
Każdy niech wybierze sobie taką przeglądarkę która mu najbardziej odpowiada. 100% narzutu ze strony webmastera nawet nie powinno być. To jest błędne podejście w dzisiejszych czasach. Za dużo sprzętu do przeglądania netu jest na świecie.


RE: CSS - Różnice w wyświetlaniu. - Firax - 06-11-2011

No ale jak pisać uniwersalne CSS, więc; słyszałem, że są sztuczki by tak pisać kod by 1 przeglądarki widziały daną część kodu a drugie nie...


RE: CSS - Różnice w wyświetlaniu. - Kartofelek - 06-11-2011

są. To są komentarze warunkowe IE.
Dla reszty przeglądarek się tego nie stosuje bo w 99% jest tak samo. Są oczywiście różnice - np opera kiedyś miała babole z marginesami. Ale wtedy stosujesz inną technikę (np position:relative + top). Tak samo np chrome miał problem z border-radius + box-shadow. Trzeba było kombinować inną techniką.
Podobnie zresztą jest teraz - chrome ma problem z transformacjami - dokładnie z rotacją obrazków. Stosujesz jednak dodatkową właściwość css3 i wszystko śmiga.
Kwestia praktyki i potykania się z takimi dziwadlami. Raz spotkasz je na drodze, poznasz rozwiązanie i potem będziesz je stosował. Człowiek - a zwłaszcza webmaster - musi się ciągle uczyć.

Ja osobiście teraz stosuję szablon wyjściowy dla css, który jest mixem wziętym z "boilerplate html5" (google). Tyle tylko że początkową część czyli normalizer (jak ściągniesz to zobaczysz o co biega) zamieniłem na reset.css
który jest dla mnie łatwiejszy do ogarnięcia i się do niego przyzwyczaiłem (+ lepiej działa z facebookiem).