ugrás a tartalomhoz

Táblázatban div címsorral: FF lejjebb tolja...

grandvoyager · 2008. Jan. 26. (Szo), 01.33
Hello!

Adott a következő: táblázat, benne egy div, ami címsorral kezdődik. FF kb. 10 pixellel lejjebb csúsztatja a div-et a táblázat tetejétől. IE rendben csinálja. Ha nincs címsor, FF se csúsztatja le.
Ismerős jelenség?
Tudja valaki, hogy lehet orvosolni?
Köszönöm előre is a segítséget!
‹ Eltérő megjelenést szeretnék adni a linkeknek A cloverstudio weboldalán szereplő technológia érdekel ›
 ■
1

Talán..

foxmulder · 2008. Jan. 26. (Szo), 12.36
Hasonlóval akkor találkoztam, amikor az egyik tartalom tartalmazott hosszú ő és ű betűket, a másik nem. Ezt a két betűt nem tartalmazta a használt betűtípus, ezért más betűtípusból vette. A css-ben a betűtípust állítottam olyanra, amiben volt ez a két betű. Talán segít...

UI.: Na megtaláltam..., lehet, hogy ugyanez a gonod.
2

Itt nem ez a gond

grandvoyager · 2008. Jan. 26. (Szo), 13.55
Köszi a választ!

Itt nem ez a gond, nincs ékezetes karakter. És nem a diven belül kerül lejjebb a szöveg, hanem az egész div kerül lejjebb. És nincs semmi sehol felüldefiniálva, kipróbáltam egy teljesen új html fileban, akkor is ugyanígy működik. Próbáljátok ki:
<html>
<head>
<title>Szeva</title>
<style type="text/css"> 
	#tabla {width: 200px;}
	#divke {background-color: green;}
</style>
</head>

<body>
<table border="2"><tr><td id="tabla"><div id="divke">
<h2>Szeva</h2>
nl khk hklh lhv kvd jkhv kjljhv vj jln hih ig lwhv bnewh ehnv jkeh lej in ih oien 
</div></td></tr></table>
</body>
</html>
Ezt így mentsétek el egy html fileban, és nézzétek meg FF és IE alatt is. De ha ugyanolyan mindkettő, akkor lehet hogy nálam vannak a böngészőknek valami spéci beállításai.

Ha nincs benne a címsor, akkor FF se teszi lejjebb.
3

margin

cSuwwi · 2008. Jan. 26. (Szo), 14.50
Firefoxban felraksz egy Firebugot, ott a layout fülön látni a margin/padding/offset értékeket.
A firefox megoldása a jó, az IE egyedi értelmezése miatt mutatja másként.
A címsor elemek ki vannak emelve, utána sortörés van, amit marginként ad hozzá

Firefox és IE alatt is jólesz, ha a h2-nek a margin-top-ját nullára rakod.
#tabla {width: 200px;}  
#divke {background-color: green;}
h2 {margin-top: 0}
4

Köszi!

grandvoyager · 2008. Jan. 26. (Szo), 15.39
Tökéletes, működik! Thanks!