Categorieën
Div's in IE6 sluiten niet aan
B-mac-fan op 02 april 2010 #
Hallo allemaal,
Ik ben bezig om een website te bouwen. Maar nu heb ik een probleem dat alleen in IE6 voorkomt. En ik weet echt niet hoe dat kan.
Hieronder een afbeelding van het probleem. De 2 div's zouden gewoon aan moeten sluiten, maar er blijft een ruimte tussen.
Weet iemand zo misschien waar dit aan kan liggen?
Lifelogger op 02 april 2010 #
Ligt er aan hoe je het op zet. En of de layers floaten of niet. Als je layers niet float kan je tegen dit soort dingen aan lopen in IE 6. Als je ze beidde bijvoorbeeld float:left mee geeft, sluiten ze wel aan.
B-mac-fan op 02 april 2010 #
Dit is de CSS code die ik heb gebruikt voor de bovenste div en de div daaronder:
.content-top {
margin-top:12px;
background: url('images/content-top.png') no-repeat;
height: 14px;
}
.content-middle {
background: url('images/content-middle.png') repeat-y;
min-height:400px;
height:auto !important;
height:400px;
padding-left:25px;
padding-top:10px;
font-family: Arial;
font-size: 14px;
color:#414141;
}
djmathijs op 02 april 2010 #
dit aan de content-middle meegeven:
clear: both; (optioneel)
en margin: 0;
Maarten ter Horst op 02 april 2010 #
Gebruik je wel xhtml 1.0 strict of 1.1? Dat voorkomt heel veel rare box model dingen in IE6.
B-mac-fan op 02 april 2010 #
@djmathijs: Dat wil het probleem helaas niet oplossen. Ik heb verschillende combi's geprobeerd van wat je zei.
@Maarten ter Horst: Ik gebruik XHTML 1.0 Transitional...
Lifelogger op 02 april 2010 #
Als je nou eens aan beidde boxen een "float: left" mee geeft in de stylesheet. Sluiten ze dan wel aan?
B-mac-fan op 02 april 2010 #
Nu gebruik ik ook XHTML 1.0 Strict.
@Lifelogger: Nee, helaas nog niet.
Het vreemde is, dat de "bottom"-div wel aansluit aan de "middle"-div. Maar alleen de "top"-div sluit niet aan bij de "middle"-div.
Dit is de volledige CSS van de 3 div's:
.content-top {
margin-top:12px;
background: url('images/content-top.png') no-repeat;
height: 14px;
}
.content-middle {
background: url('images/content-middle.png') repeat-y;
min-height:400px;
height:auto !important;
height:400px;
padding-left:25px;
padding-top:10px;
font-family: Arial;
font-size: 14px;
color:#414141;
}
.content-bottom {
margin-bottom:12px;
background: url('images/content-bottom.png') no-repeat;
height: 16px;
}
UsurPia op 02 april 2010 #
zet eens het volgende in de css van de betreffende divjes:
float: left;
clear: both;
display: inline;
margin:0 !important;
IE6 heeft een smerige bug die er voorzorgt dat evt. marges dubbel gerekend worden (of marges van het parent element overnemen).
B-mac-fan op 02 april 2010 #
Het probleem als ik dat doe, is dat mijn layout helemaal verkeerd komt te staan...
Aan de hand van deze dingen, zal ik eens wat gaan proberen.. in ieder geval alvast bedankt!
iFemke op 02 april 2010 #
Ik heb dit probleem nog niet gehad, maar wel een soort gelijk, ik gebruikte toen:
*
{
margin: 0;
padding: 0;
}
Weet niet of dat voor jou werkt
B-mac-fan op 03 april 2010 #
Ja, dat heb ik ook al in mijn script staan 
Geen idee wat deze fout kan veroorzaken. Ben ook aan het twijfelen of ik er wel meer moeite voor wil doen om dit voor die kleine groep IE6 gebruikers te blijven ondersteunen...
Advertentie
Je kunt alleen reageren met een gratis OMT account.
Log in of registreer.
Inloggen
Over dit topic
Gestart op 02 april 2010 door B-mac-fan
Laatste reactie door iPod Jimmy