Hoi, Ik probeer een website te maken. Het enige probleem is dat het menu in IE onder elkaar komt te staan ipv naast elkaar. Ik heb op internet gezocht en kwam een aantal keer tegen dat het waarschijnlijk kan liggen omdat IE geen .hover accepteert en dat ik gebruik moest maken van .display:block;

Dit heb ik geprobeert maar helaas werkt het niet :-/

Weet iemand wat ik nog meer kan proberen?

Alvast erg bedankt!

PS; hier een stuk css



nav {
	padding:0px;
	margin:0px;
}
nav ul{
	margin:0px;
	padding:0px;
	list-style:none;
}
nav ul a {
	font-family:Vinyl, Arial, Helvetica, sans-serif;
	font-size:18px;
	text-transform:uppercase;
	color:#f6efdf;
	text-decoration:none;
	letter-spacing:4px;
	text-align:center;
}
nav ul li {
	display:block;
	float:left;
	position:relative;
}
nav li ul {
	text-align:center;
	margin:20px 0 0 0;
	padding:0;
	display:block;
}
nav li ul li{
	margin:0;
	padding:0;
	width:100%;
	display:block;
}
nav li:hover ul {
	display: inline;
	text-align:center;
}
nav ul a:hover {
	color:#f6efdf;
}
nav li{
	padding:15px 0px;
	text-align:center;
	width:100%;
	margin:0px;
	display:inline;
}
nav li:hover {
	background-color:#000000;
	display:inline;
}
.active {
	background-color:#000000;
	display:block;
}
.current-menu-item {
	background-color:#000;
	display:block;
}
.current-menu-item ul{
	display:block;
}
Heb je ergens een demo?
IE accepteert wel :hover alleen als je browser te oud is accepteert hij geen HTML5 elementen.
Hoi, bedankt voor de reactie! De gene waarvoor de site is heeft liever niet dat ik de link hier plaats (geen idee waarom :-S). Dus er moet geen gebruik gemaakt worden ban html5? .. hoe verander ik dat?
heb je htmlshiv erin staan?

zet dit in je <head></head>

<!--[if IE]><script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
Hoi, Het werkt!
ik heb
<!--[if IE]><script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
in de header gezet en het werkt! Hoe kan dat? Wat doet het preccies?

Dankjewel
Ik denk dat je dit ook had kunnen oplossen met "float:left;"
@Steven huynen weet je wel wat html5shiv doet? het zorgt ervoor dat alle elementen door IE worden opgemerkt die er standaard niet in staan..
@Rick, IE ondersteund :hover gedeeltelijk. Vooral als je :hover op niet klikbare elementen doet bv li:hover zal niet werken in verouderde IE browsers.
dankjewel, ik begrijp het nu een beetje! bedankt voor de tips en uitleg.

Reageren