Olá Liz,
You need a div inside the content div (by the way, you have two of this
one) that pushes its height. My suggestion is:
1- edit the markup so the footer div gets inside the content but after
the the cols divs...
<div id="content">
<div id="leftCol"><p>Lorem ipsum ...<p></div>
<div id="rightCol"><p>Lorem ipsum... </p></div>
<div id="footer">footer</div>
</div>
2- edit the footer style rules as follows:
#footer {
*clear: both;*
text-align: center;
*background-color:white;*
}
That's it!
HTH!
Roberto
----------
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.
>
>
--
-------------------- Roberto Gorjão
freelance designer and web designer
personal site: www.castelosnoar.com
PORTUGAL / BRAGA / PÓVOA DE LANHOSO
______________________________________________________________________
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/
