background wil niet repeaten in FF
Ik heb een website bestaande uit 1 container met daarin drie divs naast elkaar. Elk van deze container heeft zijn eigen background image maar ook de container heeft een beackground image.
Div 1 is de sidebar
Div 2 is margin
Div 3 is content
Als de content toeneemt wordt de achtergrond van div 1 perfect ge-repeat maar de achtergrond van de container moet ook repeaten. Dit werkt in IE maar niet in FF. Als ik de container een height meegeef van bijvoorbeeld 1000px; repeat hij wel de achtergrond tot die 1000px; maar ik weet nooit van te voren hoe veel content ik heb. Dit is mijn css:
CONTAINER:
div#content
{
margin: 0px;
padding: 0px;
width: 1000px;
float: left;
background-image:url('images/crumbled_paper.gif');
background-repeat:repeat-y;
}
DIV 1:
div#sidebarleft2
{
margin: 0px;
padding: 0px;
width: 200px;
height: 628px;
float: left;
background:#FFFFFF;
background-image:url(images/sidebar_left2.jpg);
}
DIV 2:
div#content_margin
{
margin: 0px;
padding: 0px;
width: 10px;
height: 628px;
float: left;
background-image:url(images/content_margin.jpg);
}
DIV 3:
div#content5
{
margin: 0px;
padding: 0px;
width: 790px;
height: 628px;
float: left;
}
(de background image van deze div is opgenomen in een table)
Alvast bedankt voor de reacties.
Gr,
Robert
Gewijzigd op 15/09/2012 21:11:53 door Robert Hamers
overflow: auto;
overflow: visible;
Gewijzigd op 16/09/2012 00:34:54 door Robert Hamers