Mijn Header werkt niet op IE
Allereerst nogmaals mijn complimenten over dit behulpzame forum!
Ik heb op mijn website een header gemaakt en deze werkt op Google Chrome eigenlijk perfect. Maar nu probeer ik mijn site ook te testen op Internet Explorer en daar werkt het niet op. De Header wordt op de volgende manier weergegeven:
CSS:
Code (php)
1
2
3
4
5
6
7
8
9
2
3
4
5
6
7
8
9
#topsection{
content: url("../img/design/header3.png") no-repeat top center;
background: #FFF;
max-width:100%;
padding-left: 0px;
padding-right: 10px;
padding-top: 0px;
padding-bottom: 0px;
}
content: url("../img/design/header3.png") no-repeat top center;
background: #FFF;
max-width:100%;
padding-left: 0px;
padding-right: 10px;
padding-top: 0px;
padding-bottom: 0px;
}
En dan bij de site:
Code (php)
1
2
2
<div id="topsection">
</div>
</div>
De link naar de website is: www.dennisvanduin.nl en ik hoop dat iemand mij kan helpen.
Groetjes,
Dennis
Maak er eens dit van:
content: url("img/design/header3.png") no-repeat top center;
Code (php)
1
2
3
4
5
6
2
3
4
5
6
#topsection{
background: #fff url("../img/design/header3.png") no-repeat top center;
max-width:100%;
padding: 0;
padding-right: 10px;
}
background: #fff url("../img/design/header3.png") no-repeat top center;
max-width:100%;
padding: 0;
padding-right: 10px;
}
Verder moet je van #topsection het volgende maken je pad klopt namenlijk niet naar je afbeelding:
background: url("../../img/design/header3.png") no-repeat top center #fff;
max-width: 100%;
padding-left: 0px;
padding-right: 10px;
padding-top: 0px;
padding-bottom: 0px;
height: 387px;
Dit is de code die bij het mobiele gedeeldte van CSS staat: (Hij verkleint hem nu niet naar goed formaat
#topsection{
background: url("../../img/design/header3.png") no-repeat top center #fff;
max-width:100%;
padding-left: 0px;
padding-top: 0px;
padding-bottom: 0px;
}
Ik probeer het met: background-size:100%; dan wordt de breedte wel goed maar de hoogte wordt een deel wit... hij houd de oorsronkelijke hoogte aan in mijn CSS voor de volgende column
Gewijzigd op 21/07/2015 23:37:24 door Dennis van DUin