...

View Full Version : 2 Image Backgrounds with 100% width height



viq
02-27-2005, 03:46 AM
Hey how's it going?

I'm stuck in a rut as I am trying to figure out how to get two backgrounds to work with one another. Basically, I have one bg that repeats on the x coordinate. The bg height is about 500 px. What I want to do, is have an image, about 4x4 pixels in size repeat on the whole page, so that it fills in that white gap at the bottom of the page. EX: http://www.vekturlab.com/test/test.html

I can get it to work in IE, but not in firefox. Basically the height of the pixel square does not want to stretch 100% or tile on the y coordinate. I hope this make sense. Thanks in advance.



body {
background: url(images/bg.jpg) repeat-x top;
margin: 0px 0px 0px 0px;
height: 100%;
}

#greypx {
background: url(images/px.jpg) repeat bottom;
margin: 0px 0px 0px 0px;
height: 100%;
}




-Vic

harbingerOTV
02-27-2005, 05:14 AM
try changing this:

#greypx {
background: url(images/px.jpg) repeat bottom;
margin: 0px 0px 0px 0px;
height: 100%;
}

to this:

#greypx {
background-image: url(images/px.jpg);
margin: 0;
}

you also have an extra </div> in your html.



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum