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 href="mailto:[EMAIL PROTECTED]">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 PROTECTED]
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/

Reply via email to