Website/header verspringt in IE

**Tim Sanders** · 15-03-2010, 16:06

Beste SD-leden,

Mijn website/header/hoofdnavigatie verspringt in IE kwam ik vandaag achter. Ik werk zelf alleen maar met firefox vandaar dat het me nooit opviel.

Het gaat om http://bit.ly/4A6prO.

Met het toevoegen van deze tag; <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
wordt het alleen maar erger. Terwijl ik zo nu en dan lees dat dat het verhelpt.

Iemand enig idee how to solve this? Bijgevoegd hoe ik het zie via FF en via IE. Het moet worden zoals die van FF graag. Bijvoorbaat dank.

**J. de Boer** · 15-03-2010, 16:21

Ik denk dat je #menu een vaste breedte moet geven (500px ?)

**Tim Sanders** · 15-03-2010, 16:29

Beste J.

Ik heb dit ervan gemaakt;
#menu {
width: 500px;

Volgens mij is het verholpen inderdaad. Kunnen mensen dit bevestigen?
In ieder geval alvast bedankt!

**rens s** · 15-03-2010, 16:33

hier even in je css hoogte breedte aan toevoegen
#logo {
float: left;
background: url(images/energieoverstap.jpg) no-repeat left top;
padding-left: 70px;
}
is er een reden waarom je de zelfde afbeelding 2 keer gebruikt ? ik zie namelijk
dat je een keer de afbeelding als html invoegt
<a href="http://www.energieoverstap.nl"><img src="images/energieoverstap.jpg" ....

en dan dezelfde afbeelding als div eroplos laat

<div id="logo">....

EDIT: ik zie je hebt nu het menu een breedte gegeven, doe dat eens met je afbeelding in je css
ipv het menu. het is nu alleen wat versprongen maar niet verholpen

**Tim Sanders** · 15-03-2010, 16:56

Thanks Rens. Volgens mij is alles nu verholpen toch, tevens dubbel logo eruit gehaald?

**rens s** · 15-03-2010, 17:09

Prima zo Tim, die hoogte en breedte maten altijd in je css meegegeven bij no-repeat.

Website/header verspringt in IE