Autor Zpráva
pifko
Profil
Ahoj,
tak mám zase jeden problém. Mám galerii (javascript, DOM). Dostanu dynamicky vygenerované html v této struktuře:
<div class="celek">
 <div class="obrazek">
  <img>
 </div>
 <div class="popis">text</div>
</div>

Takže je obrázek, pod kterým je jeho popis. U všech divů a img jsou padding, margin a border nastavené na 0. Přesto se ve firefoxu objevuje mezi koncem obrázku a textem popisu mezera o velikosti 4px. V IE je toto v pořádku (bez mezery).
Zkoumáním ve firebugu (pro ty co neví, geniální rozšíření pro firefox) sem zjistil, že právě div s class="obrazek" je vyšší o 4px než obrázek. Naprosto ale nemůžu přijít na to, kde se tyto 4px berou.
Ještě pro doplnění.
Je to tahle galerie: http://devkick.com/lab/galleria/
Uvedený problém je možné pozorovat i v demo příkladu: http://devkick.com/lab/galleria/demo_01.htm#img/ladybug.jpg (zde je mezera větší o 10 dolní margin u obrázku).
Budu vděčný za jakoukoliv radu. Vím, že to není žádná tragédie, ale rozčiluje mě, že na to nemůžu přijít :)
J
Profil *
? konec řádku? Zkus nezalamovat za img, dát hned za sebe <img></div>
Chamurappi
Profil
Reaguji na pifko:
Přidej obrázku styl „vertical-align: middle“ nebo „display: block“.
pifko
Profil
díky za reakci, ale tím to není
pifko
Profil
to bylo na J.
Chamurappi - zkusím
pifko
Profil
Chamurappi: Díky moc! Paráda. Já to řešil několik hodin. Hned bych ti koupil pivko :)

Vaše odpověď

Mohlo by se hodit


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: