Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: Margines <div>
Forum PHP.pl > Forum > Po stronie przeglądarki
giver
Problem jest taki, że w Firefox strona a właściwie TOP się rozjeżdża, natomiast pod IE odziwo wszystko jest ok.
http://tbgpk.tbg.net.pl/
Proszę jedynie o zwrócenie uwagi na problem z prawidłowym wyświetlaniem strony, ponieważ jest to tylko na razie tylko i wyłącznie prototyp.
wookieb
Kod
.pds div img {display:block;}
giver
Super, działa. Dociekliwość jednak każe mi się spytać dlaczego tak się dzieje?
wookieb
Mozesz tez dac
Kod
.pds div{line-height: 0px}


Img jest wyswietlany ma wlasciwosci obiektu liniowego (display: inline) i działa na niego line-height
Display:block ignoruje line-height dlatego nie ma tego odstepu
batman
Cytat
Dociekliwość jednak każe mi się spytać dlaczego tak się dzieje?
Sprawa jest dosyć prozaiczna. W skrócie chodzi o to, że obrazek inline jest wyświetlany na wysokości tekstu. Czyli zostaje pod nim przestrzeń potrzebna na ogonki (litery g, y, p, itd). Jeśli dasz display: block, wówczas obrazek nie jest traktowany jako fragment tekstu i przestrzeń znika.
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.