Margines <div>, Firefox - odstępy między kolejnymi blokami Opcje

[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

Ten post edytował wookieb 21.01.2009, 19:59:58

[batman]

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.