Can you not use something like this:
min-height: 733px; instead of height?
hth
> Hi,
> I've got a div (#main) which normally should have the
> height of 733px because that's the height of the background
> pic.
> On some pages the text goes over this height. The text is
> inside #content. This pushes the footer down but the
> background remains
> in the same position. I'd like to keep extending the #main
> div vertically if the text goes over the height.
>
> I understand that because the text is in #content and the
> background picture is in #main, it might be tricky. I put
> the background in the #main and created
> #main in the first place cause I'd like the background
> picture to go behind #sidebar_left, #content, #sidebar_right
> (and not just #content)
>
> I can't think of any other way of structuring it.
>
> <div id="header"><jdoc:include type="modules"
> name="top" /></div>
> <div id="main">
> <div id="sidebar_left" class="float"><jdoc:include
> type="modules" name="left" /></div>
> <div id="content" class="float"><jdoc:include
> type="component" /></div>
> <div id="sidebar_right"
> class="float"><jdoc:include type="modules"
> name="right" /></div>
> </div>
> <div id="footer"....
>
> #main {
> height: 733px;
> width: 960px;
> background: black
> url('../images/beer-bg.jpg') no-repeat;
>
> }
> #content {
> width: 492px;
> text-align: left;
> }
> #sidebar_left {
> text-align: left;
> width: 165px;
> height: 733px;
> }
> #sidebar_right {
> width: 295px;
> height: 733px;
> }
>
>
>
______________________________________________________________________
css-discuss [css-d@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/
