CSS fout in Firefox

Door Onbekende gebruiker op 25-05-2006 00:09

290 views

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/

Onbekende gebruiker

25-05-2006 00:21

Het lijkt te komen door het opgeven van de margin want als ik dit vervang door padding werkt die wel.

Eris -

25-05-2006 00:25

Je moet min-height gebruiken

Onbekende gebruiker

25-05-2006 00:28

div#inhoud {
float: left;
width: 200px;
overflow: scroll;
min-height: 100%;
}

dit maakt geen verschil en deze

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

ook niet.

Bas

25-05-2006 01:01

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.

Onbekende gebruiker

25-05-2006 01:06

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

Onbekende gebruiker

25-05-2006 13:31

* bump *

Onbekende gebruiker

25-05-2006 14:06

Inmiddels niet meer nodig. Heb het opgelost via een position: absolute; Maar blijf het toch raar vinden.

Reageren

Inloggen om te reageren