On 9/26/06 4:18 AM, "Roger Roelofs" [EMAIL-REMOVED]> wrote: > 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, Thank you for your reply, I will experiment with these methods. Liz ______________________________________________________________________ css-discuss [EMAIL-REMOVED]] 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/
