Hi Jay,
 
Thanks for that, but floating the footer left instead of setting position to absolute, means that the footer is not at the browser window, which is one of the requirements.
 
Thanks,
Stephen
----- Original Message -----
Sent: Tuesday, May 03, 2005 2:42 PM
Subject: Re: [WSG] Overlapping footer

Stevio wrote:


How can I make sure the footer will stop exactly at the black 1px border of
the #maincontent div which contains the sidebar and the main content?

Stevio,

I looked at your CSS and all you have to do to make this work is to change the following:

#footer {
    position: absolute;
    bottom: 0;
    padding: 0;
    margin: 0;
    background-color: #CCCCFF;
    width: 75%;
    clear: both;
    border: 0px solid green;
}

to

#footer {
    float: left;
    bottom: 0;
    padding: 0;
    margin: 0;
    background-color: #CCCCFF;
    width: 75%;
    clear: both;
    border: 0px solid green;
}
It seems to work fine. This way, even if you make the #sidebar or #maincontent huge, the footer stays put.

Jay
--

Jay Gilmore
Developer/Consultant
SmashingRed Web & Marketing
P) 902.529.0651
E) [EMAIL PROTECTED]

No virus found in this outgoing message.
Checked by AVG Anti-Virus.
Version: 7.0.308 / Virus Database: 266.11.2 - Release Date: 02/05/2005

Reply via email to