achtergrond image werkt niet goed in internet explorer
Robert Jansen
05/04/2012 10:14:21Hallo,
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.
PHP hulp
24/11/2024 19:18:20Yanick vB
05/04/2012 10:17:05Probeer 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
Joakim Broden
05/04/2012 10:21:50Robert Jansen
05/04/2012 10:30:04zoiets als de afbeelding van de bergen op de website: http://visuadesign.com/