• Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 349
  • Last Modified:

Need help extending a cell colour down the page

Hi,
    I have a wordpress site, which can be viewed at www.seniorsworkforce.co.uk, you will see that the white background flies off the page as I have it set to height="4000px", what I need it to do is adjust according to the height of the page which is displaying it.

In my wordpress theme header I have:

<div id="container" style="width:980px; height:4000px; font-size:12px; font-family:arial,verdana,tahamo; text-align:left; padding:0; margin:0 auto; position:relative; background-color:#ffffff; layer-background-color:#ffffff; visibility: visible">

Which gives what your seeing on the page.  I tried height="100%", but this doesn't display any back colour.

Can anyone help?
0
damianb123
Asked:
damianb123
  • 2
1 Solution
 
JF0Commented:
remove the 4000 height and add this line right above your footer div:

<div style="clear:both">&nbsp;</div>
      <div id="footer">
0
 
LZ1Commented:
You can also add overflow:hidden to the container DIV if you'd like. Either way will work
0
 
damianb123Author Commented:
Perfect, just the job!
0
 
JF0Commented:
LZ1 what will happen if his content ever goes beyond the fixed limit now?
0

Featured Post

Never miss a deadline with monday.com

The revolutionary project management tool is here!   Plan visually with a single glance and make sure your projects get done.

  • 2
Tackle projects and never again get stuck behind a technical roadblock.
Join Now