margin-right IE6

Door Jer Tie op 24-12-2008 15:26

318 views

Ik had een probleem met de opzet van mn website.
De opzet was als volgt:
Links DIV: Menu
midden DIV:content
Rechts: DIV:images

Ik kreeg het niet voor elkaar om de content-div breedte variabel te maken, ZONDER dat de tekst onder de images DIV door loopt.
Dat heb ik "opgelost" door een margin-right bij de Content-div op te geven.

Nou werkt dit in alle browsers, behalve in IE6....
weet iemand hier een oplossing voor?

Zelf Weten

24-12-2008 15:31

Zorg er voor dat al je divs in een div "container" zit.

Geef de container een bepaalde breedte en laat de 3 divs die daarin naar links floaten.

<container width: 1000;>
<left float: left;></left>
<center float: left;></center>
<right float: left;></right>
</container>

Succes!

Kumkwat Trender

24-12-2008 15:32

Link

dit staat er als eerst weergegeven ->
http://www.velocityreviews.com/forums/t153946-marginright-in-ie6.html

en als je dan helemaal naar beneden scrolt zie je het volgende staan:

IIRC, IE6 has a bug with margin-right, and you have absolute positioning as
well as margin statements which will just confuse IE - use the following:
div.content
{
position : absolute;
top: 112px;
left: 330px;
right : 220px;
color : #CCCCCC;
}

Jer Tie

24-12-2008 17:40

Bedankt voor de reacties

@zelf weten
als ik die container maak, dan zit ik vast aan een statische breedte van de website. En dat is juist NIET wat ik wil, want dan kan ik de Content div ook een vaste breedte geven. Ik wil juist dat deze meeschuift met de breedte van het venster, en dat de plaatjes gewoon rechts aan de rand kleven.

@Peter
thnks for the solution!

Reageren

Inloggen om te reageren