Hoi,
Ik heb een probleem met het tonen van mijn pagina in FireFox. Wellicht kunnen jullie helpen.
De inhoud van mijn html-pagina:
<HTML>
<HEAD>
<TITLE>blabla</TITLE>
<LINK REL="stylesheet" HREF="images/style.css">
</HEAD>
<BODY>
<DIV ID="container-page">
BLABLA<BR>BLABLA<BR>BLABLA<BR>BLABLA<BR>BLABLA<BR>BLABLA<BR>BLABLA<BR>BLABLA<BR>BLABLA<BR>
BLABLA<BR>BLABLA<BR>BLABLA<BR>BLABLA<BR>BLABLA<BR>BLABLA<BR>BLABLA<BR>BLABLA<BR>BLABLA<BR>
BLABLA<BR>BLABLA<BR>BLABLA<BR>BLABLA<BR>BLABLA<BR>BLABLA<BR>BLABLA<BR>BLABLA<BR>BLABLA<BR>
BLABLA<BR>BLABLA<BR>BLABLA<BR>BLABLA<BR>BLABLA<BR>BLABLA<BR>BLABLA<BR>BLABLA<BR>BLABLA<BR>
BLABLA<BR>BLABLA<BR>BLABLA<BR>BLABLA<BR>BLABLA<BR>BLABLA<BR>BLABLA<BR>BLABLA<BR>BLABLA<BR>
</DIV>
</BODY>
</HTML>
De CSS is als volgt:
#container-page {
margin: 0 auto;
width: 700px;
background: url(back-page.gif) repeat-y;
text-align: center;
position: relative;
height: 100%;
}
De CSS toont dus een achtergrond plaatje.
Als ik mijn pagina in Internet Explorer open, wordt het plaatje tot geheel onderaan doorgetrokken. Echter in firefox, op het moment dat ik naar beneden scroll, zie ik het achtergrond plaatje niet meer.
Het lijkt er op alsof de hoogte van de achtergrond (100%) alleen het zichtbare deel bestrijkt.
Iemand enig idee hoe ik dit kan fixen zodat het er normaal uitziet in FF??
thx
Joost
1.283 views
