Problem with multiple container boxes

[blaablaa69]

Hey guys, I having a problem with the following site.

http://clientarea.backbone.net.au/elshaddai/

Basically the way Ive designed it, I need 3 bg images behind the 3 columns of content. So I made 3 containers and assigned 1 bg to each. Im not a wizz at css so Ive probably done it wrong! but the only way I could get the background to show up was to put float:left on each one. But if I put float:left on the bgimage div the whole page jumps in firefox. Any ideas? Thanks heaps!

 

[Vragabond]

Both IE and FF show the page exactly the same and I don't even know which columns you're talking about. Maybe you could explain a bit further what it is you're trying to show us.

 

[blaablaa69]

thanks for your reply. On the left hand side of the article title "Meet the principal" there is a gap in the blue band. There is a backgroud image in the "bgimage" div which fixes this but it only appears when i float:left that div, which in term knocks out the columns of text.

 

[robherc]

OK, if you're referring to the gap in the GREY bar that separates the article from the letterhead/directory portion of the page, the easiest way would be to create a 1-pixel .gif file of that color, then load it using a [tt]<img src="graydot.gif" width=XXX height=yyy>[/tt] tag where [tt]xxx[/tt] is the width of your column there, and [tt]yyy[/tt] is the height of the grey band.

If this doesn't help you, please re-post on here and tell us what it did do...I'll probably print out your source tonight, go over it, and be able to give you a corrected copy tomorrow, IF the [tt]<img>[/tt] tag trick won't work for you.


I hope this helps;
Rob Hercules

 

[Vragabond]

I'm sorry, but I think I am too dumb for your structure. What is this div with an id of "bgimage"? Do you really think you need to nest 5 divs before you start your content? Looking at it myself, I cannot see the need for two divs, let alone 5. Please explain your technique.

 

[blaablaa69]

its just to get all the bg images in. maybe these pics will make it a bit clearer. the perfect.jpg is exactly how i want it, and bad.jpg is how its comin up.

http://clientarea.backbone.net.au/elshaddai/pics/perfect.jpg

http://clientarea.backbone.net.au/elshaddai/pics/bad.jpg

Thanks!

 

[Vragabond]

I know what you're talking about but I think you're overcomplicating things. It would be much easier if you simplified your structure cosiderably.

 

[blaablaa69]

I thought there would be, but I didnt know how! Any ideas?