471,594 Members | 2,562 Online
Bytes | Software Development & Data Engineering Community
Post +

Home Posts Topics Members FAQ

Join Bytes to post your question to a community of 471,594 software developers and data experts.

Wrappers can't show background image behind other divs?

I'm not sure if this is possible, but I thought that my best shot would be to ask here.

My site's coming along well at http://www.antiriddle.com and I'm trying to improve on the current design. The layout I'm trying to do is a three-column layout and my markup looks like this:

<div id="contentwrapper">
<div id="leftcontent">
</div>
<div id="centercontent">
</div>
<div id="rightcontent">
</div>
</div>

Each div, except for the wrapper represents a different column. Currently, I only have a main body gradient going and everything else has a clear background. I tried making an image the width of my contentwrapper and applying it with repeat-x but it didn't work. Any idea for how I could use a single image behind all of these columns? Also, I tried slicing images but that just messed up with the padding.

Thanks in advance!
Aug 19 '07 #1
3 2020
Alright for one, I've realized that it should be repeat-y. Still haven't figured out the problem, but I'm still looking.
Aug 20 '07 #2
Another thing I've figured out is that although IE6 isn't supporting the transparent PNG, the background image does show up. It doesn't even appear in Firefox. Maybe this is some sort of known issue but I haven't been able to figure it out...
Aug 20 '07 #3
Ok I figured it out myself. I had to add a min-height value for the contentwrapper so that it knew how far to show the background image. I hope that it will expand as more content appears in the columns.
Aug 20 '07 #4

Post your reply

Sign in to post your reply or Sign up for a free account.

Similar topics

27 posts views Thread by Kevin Yu | last post: by
8 posts views Thread by =?Utf-8?B?R3JlZyBMYXJzZW4=?= | last post: by
4 posts views Thread by Gary | last post: by
3 posts views Thread by fletch | last post: by
1 post views Thread by anu30 | last post: by
reply views Thread by XIAOLAOHU | last post: by
reply views Thread by leo001 | last post: by
reply views Thread by Anwar ali | last post: by

By using Bytes.com and it's services, you agree to our Privacy Policy and Terms of Use.

To disable or enable advertisements and analytics tracking please visit the manage ads & tracking page.