Liz, On Sep 26, 2006, at 5:06 AM, Liz wrote:
> Hello, > > On this page http://www.liztestsitem.com/line/test.html the > "content" div > that contains the left and right column has a background image that > should > make a vertical line down the center but it is not showing up in > Safari or > Firefox. I need help in making it show. I thought that because the > columns > were within the content div it would give it the height to show, > but it > doesn't recognize the columns as part of its content. What is tripping you up is that both the left and right columns are floated. This takes both of the out of the normal document 'flow' which leaves #content without any. There are many ways to solve this, but the one you choose may depend on what else is happening on the page. Here are some choices: #content { float: left; } /* floating the content makes it expand to hold the floated children */ The 'clearfix' method (which you can google for) Adding a clearing element at the bottom of #content, Zoe has a page about that as I recall. Again, google is your friend. One of these solutions should get you where you want to go. Also, See this article by Eric Meyer to understand float containment in general. <http://www.complexspiral.com/publications/containing-floats/> Roger, -- Roger Roelofs [EMAIL PROTECTED] ______________________________________________________________________ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
