Solved

Need help extending a cell colour down the page

Posted on 2011-03-09
4
337 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 500 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

Free Tool: Path Explorer

An intuitive utility to help find the CSS path to UI elements on a webpage. These paths are used frequently in a variety of front-end development and QA automation tasks.

One of a set of tools we're offering as a way of saying thank you for being a part of the community.

Question has a verified solution.

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

Suggested Solutions

Title # Comments Views Activity
Wordpress French and English Site 6 76
How to combine and minify CSS and JS files 5 16
Create an automated page index 9 48
Output to HTML in powershell 3 25
Building a website can seem like a daunting task to the uninitiated but it really only requires knowledge of two basic languages: HTML and CSS.
This article explains how to prepare an HTML email signature template file containing dynamic placeholders for users' Azure AD data. Furthermore, it explains how to use this file to remotely set up a department-wide email signature policy in Office …
The purpose of this video is to demonstrate how to reset a WordPress password if you are locked out and cannot reset the password. A typical use would be if you cannot access the email to which WordPress would send the password recovery email to…
The purpose of this video is to demonstrate how to set up an RSS Feed on a WordPress Website. This will be demonstrated using a Windows 8 PC. Feedburner will be used for this demonstration. Go to your WordPress login page. This will look like the…

840 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