[CSS] IE 6 layout probleem

[Verwijderd]

Ik heb ben bezig met een nieuwe layout voor mijn website, echter loop ik tegen het volgende probleem aan: firefox laat mijn layout goed zien, explorer 7 ook echter explorer 6 gooit de zaak helemaal door elkaar, zie onderstaande screenshots voor verduidelijking.

Screenshot firefox


Screenshot explorer 6


Het betreft het menu (div id="menu") en de gerelateerde artikelen (div id="related"). De html file is hier te vinden, de css file hier.

Wat gaat er mis? Kan iemand mij vertellen waarom firefox mijn layout wel goed toont en explorer 6 niet?

[BasieP]

je maakt gebruik van 'min-height:400px;'
iets wat IE niet snapt.

dit in combo met float left, zorgt er voor dat het element 'gerelateerde artikelen' naar links schuift.

oplossing:
gooi min-height weg, maar 2 divjes, 1 voor links, 1 voor rechts, en float die.
Zet alle andere zooi daar IN

[ Voor 63% gewijzigd door BasieP op 14-03-2007 22:53 ]

[alex3305]

Als die bovenste niet werkt, ik heb ook wel eens dit probleem en dan wil 'display: block' ook nog wel eens helpen dacht ik.. Weet het zo niet zeker, maar veel succes ermee!

Mooie schone layout btw, alleen is misschien ronde hoeken aan de bovenzijdes leuk?

[Verwijderd]

BasieP schreef op woensdag 14 maart 2007 @ 22:52:
je maakt gebruik van 'min-height:400px;'
iets wat IE niet snapt.

dit in combo met float left, zorgt er voor dat het element 'gerelateerde artikelen' naar links schuift.

oplossing:
gooi min-height weg, maar 2 divjes, 1 voor links, 1 voor rechts, en float die.
Zet alle andere zooi daar IN

Het probleem van het verschuiven van de "gerelateerde artikelen" is nu inderdaad opgelost, hartelijk dank, alleen het menu (oranje balk) blijft er in explorer 6 nog anders uitzien, iemand daar nog suggesties voor?

[Verwijderd]

Heeft niemand een idee hoe mijn probleem met het menu op te lossen?

[TeeDee]

Wat heb je zelf al gedaan? Speel eens met paddings, margins etc.

Eventueel maak je gebruik van een conditional statement, zodat je het probleem alleen tot IE6 kan isoleren. Dan hoef je niet aan je bestaande CSS te rommelen.

[BarôZZa]

Yup als je wilt dat alles er in elke browser hetzelfde uitziet, dan zal je je voor moeten bereiden op een hoop frustratie, trail & error en vieze workarounds.