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:
  1. <html>  
  2. <head>  
  3. <title>Szeva</title>  
  4. <style type="text/css">   
  5.     #tabla {width: 200px;}  
  6.     #divke {background-color: green;}  
  7. </style>  
  8. </head>  
  9.   
  10. <body>  
  11. <table border="2"><tr><td id="tabla"><div id="divke">  
  12. <h2>Szeva</h2>  
  13. nl khk hklh lhv kvd jkhv kjljhv vj jln hih ig lwhv bnewh ehnv jkeh lej in ih oien   
  14. </div></td></tr></table>  
  15. </body>  
  16. </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.
  1. #tabla {width: 200px;}    
  2. #divke {background-color: green;}  
  3. h2 {margin-top: 0}  
4

Köszi!

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