css probleem in internet explorer

[danrik]

Hallo allemaal,

Ik probeer een menu met float links te krijgen. Overal werkt dit prima behalve in internet explorer.

Het gaat dus om de menu div.

Dit is mijn code:

b{
	color:#000000;
}
a{
text-decoration:none;
color:black;
}
p.contid {
	text-align:center;
	font-family: “verdana”;
	font-size:1.875em;
	color:black;
	font-weight:bold;				
}
p.cont {
	font-family: “verdana”;
	font-size:1em;
	color:black;
	font-style:italic;				
}

div.page{
	width:90%;
	margin:auto;
	background:white;
	border:15px solid white;
}
div.header{
width:100%;
}
div.cont{
width:100%;
}
div.menu{
	float:left;
	margin-left:10;
	padding-left:0px;
	color:black;
	background-color: #D3D3D3;
	border:2px solid #251111;
}
div.box{
	margin-left:200px;
	background-color:#D3D3D3;
	padding:1em;
	border:2px solid #251111;
}
div.copy{
	margin-left:25%;
	background-color:#D3D3D3;
	padding:0,1em;
	border:2px solid #251111;
	color:black;
}
body{
	background-color:#393635;
	color:white;
}

 

[csshunter]

Hoi Rik,
Zonder de bijbehorende html-code is hier geen zinnig woord over te zeggen... *)

Kan je de complete html-code ook geven of, nog beter, een link naar een online testpagina?
En om welke versie van IE gaat het? IE7, IE8 of IE9, of sommige, of allemaal?

Met vriendelijke groet,
CSShunter
____________
*) O, toch wel iets!

• In de div.menu staat een fout: bij margin-left staat 10 zonder px (of een andere eenheid) er achter. Dan moeten browsers gokken of het centimeters, meters, aardomtrekken, inches, pica's, em's, px'en, Rijnlandse Voeten of nog iets anders zijn. En browsers mogen niet gokken.
• In de div.copy staat padding: 0,1em dat moet een puntje ipv een komma zijn (als rondom 1/10 em padding moet komen), of een spatie ipv de komma (als boven/onder geen padding, en links/rechts een padding van 1em bedoeld wordt).
• CSS altijd ff checken met de css-validator!

 

[TimVN]

Wat CSShunter al zegt, je mist inderdaad 'px' achter margin-left, en hebt een komma i.p.v. een punt gebruikt. Internet explorer wil persé weten wat je bedoeld. Internet explorer zal niet gaan raden, wat Chrome, Vuurvos etc. wel doen waardoor je vaak het probleem over het hoofd ziet.

Gebruik gewoon W3's CSS validator