Beste Firefox liefhebb(st)ers. Ik vrees dat ik zojuist een fout heb gevonden die in Firefox optreed en in Internet Explorer niet. Een keer andersom dus.

Als je onderstaande pagina in IE bekijkt zie keurig aan de linkerkant Inhoud, Chemie, AK staan. Daarnaast zo'n 60px van de top staat Welkom.
Bekijk deze pagina nu eens in Firefox... het blokje Inhoud, Chemie, AK is ook 60px naar beneden geschoven.

Iemand een oplossing?....?

http://home.hetnet.nl/~maartendekeizer/phphulp/
Het lijkt te komen door het opgeven van de margin want als ik dit vervang door padding werkt die wel.
Je moet min-height gebruiken
div#inhoud {
float: left;
width: 200px;
overflow: scroll;
min-height: 100%;
}

dit maakt geen verschil en deze

html, body {
min-height: 100%;
}

ook niet.
Je weet wel hoe het werkt??

Margin = uit de box
Padding = in de box

Daarnaast kun je geen hoogte aangeven zoals height: 100%. Een hoogte bestaat niet.. Behalve in I.E.
De hoogte maak even niet uit. En ik ken het verschil tussen margin en padding.

Maar wat er nu (bij mij) gebeurt is dat ik een margin-top voor #titel geef en deze door #titel en door #inhoud wordt overgenomen.

edit:
Dit zie ik. Het is de bedoeling dat het blok van Inhoud weer linksboven in komt te staan
* bump *
Inmiddels niet meer nodig. Heb het opgelost via een position: absolute; Maar blijf het toch raar vinden.

Reageren