Forum Moderators: not2easy

Message Too Old, No Replies

Firefox: Container does not stretch

When content div grows downwards: It works in IE

         

centime

7:19 pm on Apr 29, 2007 (gmt 0)

10+ Year Member



Hi All

I got this css script where I've puta container around header, 3 columns & footer, when the content columns fill with data, the page should stretch, with the container stretching longer, columns longer, footer movin down as the container and columns grow,,,

okay, I just thought of something, i am gonna try position absolute

centime

7:38 pm on Apr 29, 2007 (gmt 0)

10+ Year Member



sadly, it did not work, position absolute simply fixed the footer to the bottom of the screen

DanA

7:45 pm on Apr 29, 2007 (gmt 0)

10+ Year Member



Is your content floated?
If it is the case, clear your floats or enclose them.

centime

9:40 pm on Apr 29, 2007 (gmt 0)

10+ Year Member



My structure is

<div class="container">
<form runat="server">
<div class="header">
<div class="Title">
</div>
<div class="advertTop">
</div>
</div>

<div class="left">
<div>
<div class="centre">
</div>
<div class ="right">
</div>

<div class ="footer">
</div>
<br>
<div class="copywrite">
</div>
</div>

</form>
</div>

The centre column has a database driven list that can be longer than the screen. Now, in IE its okay, everything stretches, in firefox, the footer just stays where it is an the list/centre column pushes thru the footer

cheers