feint
Gebruiker
- Lid geworden
- 3 jun 2008
- Berichten
- 273
Hallo allemaal,
Ik ben een tijdje geleden begonnen met een website in html5.
Nu heb ik voor oudere browsers een shiv geplaatst zodat hij de html5 tags kon lezen.
Nu heb voor de pagina's een content repeat erin gezet zodat hij de achtergrond van de content aanpast aan de lengte van de tekst (in plaats van een statische background).
Nu wil deze alleen niet meewerken in IE8 (de laagste IE browser die ik wil ondersteunen). Firefox 8+, Opera en IE9 werken allemaal goed (zoals altijd).
De pagina laad zonder de achtergrond van de content maar als ik de pagina opnieuw laad doet die het ineens wel.
De voorpagina die een statische content achtergrond gebruikt doet het wel normaal dus ik kan er vanuit gaan dat de repeat functie niet werkt.
De code die bij dit probleem hoort:
Ik heb nog nooit een content repeat gebruikt dus waarschijnlijk doe ik iets fout en zie het gewoon niet.
nu kan ik eventueel een aparte IE 8 stylesheet toevoegen maar dan moet ik wel weten waar het probleem zit.
Hopelijk dat jullie mij kunnen helpen.
*** EDIT***
Nu heb ik opgemerkt dat die het soms wel en soms niet doet. Misschien dat het dus aan mijn internet ligt.
De website staat online op http://mathvandermullen.nl/newdesign/html5
Als jullie IE8 hebben hoor ik graag of die het bij jullie wel doet.
Ik ben een tijdje geleden begonnen met een website in html5.
Nu heb ik voor oudere browsers een shiv geplaatst zodat hij de html5 tags kon lezen.
Nu heb voor de pagina's een content repeat erin gezet zodat hij de achtergrond van de content aanpast aan de lengte van de tekst (in plaats van een statische background).
Nu wil deze alleen niet meewerken in IE8 (de laagste IE browser die ik wil ondersteunen). Firefox 8+, Opera en IE9 werken allemaal goed (zoals altijd).
De pagina laad zonder de achtergrond van de content maar als ik de pagina opnieuw laad doet die het ineens wel.
De voorpagina die een statische content achtergrond gebruikt doet het wel normaal dus ik kan er vanuit gaan dat de repeat functie niet werkt.
De code die bij dit probleem hoort:
Code:
CSS:
section#subcontent {
background: url(../images/contentMid.png) repeat-y;
width: 968px;
/*height: 1%; */
margin-top: 10px;
font-size: 12px;
overflow: hidden;
}
#contentHead {
background: url(../images/contentTop.png) no-repeat;
height: 26px;
width: 968px;
margin-bottom: -10px; /* trek de background middle omhoog */
margin-top: 10px; /* neem afstand van de banner */
}
#contentBottom {
background: url(../images/ContentBottom.png) no-repeat;
height: 35px;
width: 968px;
margin-top: 0px;
}
HTML:
<div id="contentHead"></div>
<section id="subcontent">
<article id="wie">
<h2 class="Hcontent">Wie zijn wij?</h2>
<!-- linker tekst kolom -->
</article>
<aside id="wat">
<h2 class="Hcontent">Wat doen wij?</h2>
<!-- rechter tekst kolom -->
</aside>
</section>
<div id="contentBottom"></div>Ik heb nog nooit een content repeat gebruikt dus waarschijnlijk doe ik iets fout en zie het gewoon niet.
nu kan ik eventueel een aparte IE 8 stylesheet toevoegen maar dan moet ik wel weten waar het probleem zit.
Hopelijk dat jullie mij kunnen helpen.
*** EDIT***
Nu heb ik opgemerkt dat die het soms wel en soms niet doet. Misschien dat het dus aan mijn internet ligt.
De website staat online op http://mathvandermullen.nl/newdesign/html5
Als jullie IE8 hebben hoor ik graag of die het bij jullie wel doet.
Laatst bewerkt:
