background pict -doesnt show up....

Cerebrus' Maw

macrumors 6502
Mar 9, 2008
409
1
Brisbane, Australia
You have:

Code:
.container-home-bottom {
background-image:url(images/background-twocolors.gif);
background-repeat:repeat;
position:relative;
top:0;
width:800px;
}

Take off the position relative and top:0 , and put in height:415px. IE, change to this
Code:
.container-home-bottom {
background-image:url(images/background-twocolors.gif);
background-repeat:repeat;
height:415px;
width:800px;
}
I think the problem lies with your use of floats, as you have specified the top holder as 25px in height, which your "home-bottom" then interperts as 0px when using position:relative. But then your inside elemets are also floated, which puts them out of their parents div box.

If you struggle to see what I mean, put this code in: (basically an ammalgamation of the two above)

Code:
.container-home-bottom {
background-image:url(images/background-twocolors.gif);
background-repeat:repeat;
position:relative;
top:0;
width:800px;
height:415px;
}
See how your image now covers the above element? That because the "container-home-bottom" class actaully starts up there. So your image was there the whole time, just that it was behind the top element, as the bottom elements had floated down to the white space.
 

pelsar

macrumors regular
Original poster
Apr 29, 2008
180
0
israel
thanks
its a solution...and because its a very small website i suppose i can "get away with it"...having the page with a fixed length.....
 
Register on MacRumors! This sidebar will go away, and you'll see fewer ads.