achtergrond image werkt niet goed in internet explorer
Hallo,
Ik ben bezig met een website. Op de website wil ik een afbeelding plaatsen in de header die de volle breedte neemt in de browser. Dit werkt wel in firefox en chrome maar niet in internet explorer.
mijn css is:
#header{
width: 100%;
height: 400px;
background-image: url(images/header.png);
position: relative;
background-size: 100%;
background-repeat: no-repeat;
background-position: center;
}
Wat je nu ziet in IE is dat links en rechts van de header wit ruimte is. Dit is nl. niet de bedoeling.
kan iemand mij helpen?
alvast bedankt.
Ik ben bezig met een website. Op de website wil ik een afbeelding plaatsen in de header die de volle breedte neemt in de browser. Dit werkt wel in firefox en chrome maar niet in internet explorer.
mijn css is:
#header{
width: 100%;
height: 400px;
background-image: url(images/header.png);
position: relative;
background-size: 100%;
background-repeat: no-repeat;
background-position: center;
}
Wat je nu ziet in IE is dat links en rechts van de header wit ruimte is. Dit is nl. niet de bedoeling.
kan iemand mij helpen?
alvast bedankt.
Probeer is het volgende:
Quote:
#header{
position: absolute;
left: 0px;
top: 0px;
width: 100%;
height: 400px;
background-image: url(images/header.png);
background-size: 100%;
background-repeat: no-repeat;
background-position: center;
}
position: absolute;
left: 0px;
top: 0px;
width: 100%;
height: 400px;
background-image: url(images/header.png);
background-size: 100%;
background-repeat: no-repeat;
background-position: center;
}
Gewijzigd op 05/04/2012 10:17:23 door Yanick vB
zoiets als de afbeelding van de bergen op de website: http://visuadesign.com/