On 9/26/06 4:18 AM, "Roger Roelofs" <[EMAIL PROTECTED]> 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 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/
