Go Premium for a chance to win a PS4. Enter to Win

x
?
Solved

Need help extending a cell colour down the page

Posted on 2011-03-09
4
Medium Priority
?
347 Views
Last Modified: 2012-05-11
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
Comment
Question by:damianb123
  • 2
4 Comments
 
LVL 16

Expert Comment

by:JF0
ID: 35086444
remove the 4000 height and add this line right above your footer div:

<div style="clear:both">&nbsp;</div>
      <div id="footer">
0
 
LVL 30

Accepted Solution

by:
LZ1 earned 2000 total points
ID: 35086627
You can also add overflow:hidden to the container DIV if you'd like. Either way will work
0
 

Author Closing Comment

by:damianb123
ID: 35093509
Perfect, just the job!
0
 
LVL 16

Expert Comment

by:JF0
ID: 35095647
LZ1 what will happen if his content ever goes beyond the fixed limit now?
0

Featured Post

Industry Leaders: We Want Your Opinion!

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Find out what you should include to make the best professional email signature for your organization.
Finding original email is quite difficult due to their duplicates. From this article, you will come to know why multiple duplicates of same emails appear and how to delete duplicate emails from Outlook securely and instantly while vital emails remaiā€¦
The viewer will the learn the benefit of plain text editors and code an HTML5 based template for use in further tutorials.
Learn how to create flexible layouts using relative units in CSS.  New relative units added in CSS3 include vw(viewports width), vh(viewports height), vmin(minimum of viewports height and width), and vmax (maximum of viewports height and width).

876 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question