Sent by Zoe Gillenwater on 4 November 2003 19:07
Dave G wrote:
>CSS Gurus,
> In answer to my problem about getting footers, headers, and
>content to stack properly, I was directed to the following URL:
> http://scott.sauyet.name/CSS/Demo/FooterDemo1.html
> The effect on this "FooterDemo" page is exactly the one I want.
>So I copied the CSS that was available there, and put it in a test.html
>file. The only modification I made was to add more text in the main
>"content" DIV in order to see if more content would indeed push the
>footer down. But it does not work either on my home machine or on my
>server!
> My copy of the CSS is here:
> http://www.tokyohockey.com/test.html
> I use GoLive to create web pages. Is it possible it has altered
>the code in some way to stop it functioning?
> I can't imagine what could have gone wrong with a simple cut and
>paste operation...
>
Did you cut and paste the HTML too?
It looks like your divs are nested incorrectly. The demo has the following:
<div id="contents">
<div id="main">text</div>
<div id="footer">footer text</div>
</div>
While you have:
<div id="contents">text</div>
<div id="footer">footer text</div>
HTH,
Zoe
______________________________________________________________________
css-discuss [EMAIL-REMOVED]]
http://www.css-discuss.org/mailman/listinfo/css-d
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
