ugrás a tartalomhoz

Képek között hézagot hagy az Internet Explorer

zoliky · 2007. Dec. 14. (P), 19.18
A kovetkezo lapon lathato ket gif, felso es also resz (egyben lathato a ketto): http://home.wplink.net/~zoliky/

Gif 1: http://home.wplink.net/~zoliky/header-c.gif
Gif 2: http://home.wplink.net/~zoliky/footer-c.gif

Ha megnyitod az oldalt az Internet Explorer egy furcsa hezagot hagy a ket gif kozott. Miert? Hogyan tudom kikuszobolni a problemat ?

Koszonom!
‹ Konkrét lap - hol a hiba? CSS, DIV-ek Dinamikusan regisztrált JavaScript függvény kiírtása. ›
 ■
1

Egy div?

Poetro · 2007. Dec. 14. (P), 20.27
Például egymásba ágyazhatnád a div-eket, és akkor nem jönne elő a probléma. Példa: 

<div id="main">
  <div id="header"><div id="footer">
    <div id="content">blabla</div>
  </div></div>
</div>
2

ok

zoliky · 2007. Dec. 14. (P), 20.37
Biztos jol irtad a kodot? nalam csak az also resz latszik
4

CSS módosítás

Poetro · 2007. Dec. 14. (P), 22.31
Persze a CSS-t is módosítani kell, de ezt a feladatot rád bízom.
6

Gratulálok, headerbe a footert.

Fraki · 2007. Dec. 15. (Szo), 03.12
Gratulálok, headerbe a footert.
3

accepted solution

Fraki · 2007. Dec. 14. (P), 22.01

#header {
    overflow: hidden;
}
5

mukodik

zoliky · 2007. Dec. 14. (P), 22.50
Mukodik az overflow.
Valaki meg tudja magyarazni miert tortenik ez a kicsi elteres ? Van ra jobb megoldas is mint az overflow?

Ha tudtok valami leirast kuldjetek at.

Elore is koszonom!
7

Szerintem ez a legszemantikusabb, de font-size: 0-val is...

Fraki · 2007. Dec. 15. (Szo), 03.19
Szerintem ez a legszemantikusabb, de font-size: 0-val is szokták kezelni.

Bővebb magyarázatra (azon kívül, hogy IE issue) én is kíváncsi volnék. Google-ból ilyet nem találtam, és a PIE-n (positioneverything.net) sem. A font-size-ból lehet következtetni rá, hogy a szöveg számára fenntartott hely van odarenderelve, az tolja a div magasságát. Az overflow természetes, hogy megoldja, kérdés viszont, hogy a line-height miért nem ad megoldást.
8

koszonom

zoliky · 2007. Dec. 15. (Szo), 11.16
Bele nezek vbence css kodjaba is, egy hasonlo lapja van: http://vbence.web.elte.hu/static/general.css de fogalmam sincs milyen megoldast hasznal, mert overflow es font-size:0 nem szerepel.
9

Hát ha neki is 2px magas fejléce lenne, ő is használná...

Fraki · 2007. Dec. 15. (Szo), 13.00
Hát ha neki is 2px magas fejléce lenne, ő is használná (próbáld ki IE Dev Toolbarral).
10

fejlec

zoliky · 2007. Dec. 15. (Szo), 13.38
Az en fejlecem 10px magas. Erdekes azert, hogy a problema nem jelentkezik az also reszel (footer) ha letezik tartalom a kozepen.

#header

#content

#footer

Utana fogok olvasni a dolognak, sajnos most nincs sok idom. Koszonom a segitseget!
11

Nem.

Fraki · 2007. Dec. 15. (Szo), 18.37
Nem. Ennél sokkal egyszerűbb a helyzet, a contentnek ehhez semmi köze, és a footered ugyanígy viselkedik.

Annyi az egész, hogy nem tudsz egy bizonyos magasság alá menni csupán a height állításával. Ez a te esetedben egészen pontosan 14px. Más esetben más jöhet ki, függhet a fontméretektől, mert nyilvánvalóan összefüggésben is van az egész dolog a fontokkal. Az a 14px több mint valószínűleg egy karakternyi magasság. Ennyi.
12

koszi!

zoliky · 2007. Dec. 15. (Szo), 19.15
Akkor elvileg konyen megoldhato, magasabbra csinalom az egeszet. Nem hiszem, hogy gondot jelent. Esetleg ott ahol problema akad hasznalom az overflow-ot.
13

overflow

griphons · 2007. Dec. 18. (K), 09.24
Én mindig használok overflow-ot.
Alapaban a divjeim beállításában az overflow: hidden, csak ott nem, ahol dinamikus tartalom miatt a div magassága v szélessége változhat. Ha fix dimenziójú a div mindenképp ajánlott az overflow, mert ha valaki elkezdi böngészőből növelni a betűméretet scrollbarok jelenhetnk meg a fix méretű divben, ami elég csúf.