On 11/12/10 1:33 PM, Thierry Koblentz wrote:
I am working on a simple site that has columns and lines to divide
the columns. Perfect for faux columns as the columns aren't equal
depth.

Anyway, when I put the background image in my "page-wrap" div, it
shows up fine. When I put it in the background of the "content"
div (because I want the line to not butt into the banner image) it
won't show up. Not sure why.

If anyone cares to look, go to http://ba-doyn.com/junk/ and check
it out. If you look at the css, you will see I have commented out
on the "page-wrap" div in case you wanted to toggle back and
forth.

Leave the image where it is right now and apply a white bottom border
to the banner (#banner) That will do it

-- Regards, Thierry

I think that Michael is talking about the background-image on
div#content. It does not show because the three columns it contains are
floats. Any "containing floats" method on div#content will make the
background-image show up:

From the master himself:

<http://tjkdesign.com/articles/block-formatting_context/newBFC.asp>

with an update for the "clearfix:after" method:

<http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified/>

(if that last link breaks, try http://goo.gl/11FI )

Cordially,
David
--
______________________________________________________________________
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Reply via email to