dxdolar
08-18-2008, 05:24 PM
I have a background for my main div wrapper that I want to tile vertically no matter how big my page gets.
here's a snippet
html,body {
text-align: center;
margin: 0;
padding: 0;
height: 100%;
}
#wrapper {
width: 975px;
height: inherit;
margin: 0 auto;
padding: 0;
background-color:#FFFFFF;
background-repeat: repeat-y;
background-position: top center;
background-image: url(../assets/layout_core.png);
}
It works in IE fine, but in Firefox it cuts off at where you start scrolling. I don't want to set my wrapper at a static height because I want it to grow with content. Any help would be great. Thanks!
here's a snippet
html,body {
text-align: center;
margin: 0;
padding: 0;
height: 100%;
}
#wrapper {
width: 975px;
height: inherit;
margin: 0 auto;
padding: 0;
background-color:#FFFFFF;
background-repeat: repeat-y;
background-position: top center;
background-image: url(../assets/layout_core.png);
}
It works in IE fine, but in Firefox it cuts off at where you start scrolling. I don't want to set my wrapper at a static height because I want it to grow with content. Any help would be great. Thanks!