Sent by John Guchemand on 9 November 2005 14:02
Shawn Ferguson wrote:
>
> Using this model:
>
> http://www.jardsenterprises.com/ska/layout3
>
> I am having trouble making the footer stick to the bottom, instead it rises to the end of the
content and there is a white background below the footer. Any clues on why it functions this way
and how to avoid it?
Shawn, there is another way to do this, that I believe works better than
positioning absolutely. I saw this on the web the other day; but I
can't remember where.
Anyway, you create a new div between the footer and the rest of the
page. I.e.:
....
<P align=center><IMG height=248 alt="Service Area"
src="Shawn Kirkhart Appraisal_files/map.jpg" width=361></P></DIV
<div id="clearFoot"></div>
<DIV id=footer>© 2005. <A
href="http://www.jardsenterprises.com/ska/layout3/#">ShawnKirkhartAppraisal.com</A><BR>Designed
by <A [EMAIL-REMOVED]">JARDS
Enterprises</A></DIV>
Now in your style sheet:
#clearFoot {
clear:both;
height:50px; /*or something more to your liking*/
}
I think that about takes care of it. I had the very same problem the
other day, and this seems to work the best. simply because it clears the
floats - basically its position is gauranteed.
Cheers,
John
______________________________________________________________________
css-discuss [EMAIL-REMOVED]]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
