Solved

Need help extending a cell colour down the page

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

Courses: Start Training Online With Pros, Today

Brush up on the basics or master the advanced techniques required to earn essential industry certifications, with Courses. Enroll in a course and start learning today. Training topics range from Android App Dev to the Xen Virtualization Platform.

Question has a verified solution.

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

Suggested Solutions

I annotated my article on ransomware somewhat extensively, but I keep adding new references and wanted to put a link to the reference library.  Despite all the reference tools I have on hand, it was not easy to find a way to do this easily. I finall…
Is your Office 365 signature not working the way you want it to? Are signature updates taking up too much of your time? Let's run through the most common problems that an IT administrator can encounter when dealing with Office 365 email signatures.
The purpose of this video is to demonstrate how to update a WordPress Site’s version. WordPress releases new versions of its software frequently and it is important to update frequently in order to keep your site secure, and to get new WordPress…
HTML5 has deprecated a few of the older ways of showing media as well as offering up a new way to create games and animations. Audio, video, and canvas are just a few of the adjustments made between XHTML and HTML5. As we learned in our last micr…

813 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

Need Help in Real-Time?

Connect with top rated Experts

12 Experts available now in Live!

Get 1:1 Help Now