Great! Thanks for cleaning up my code. I'm a little confused, though.
The Sticky Footer page specifically says NOT to add margin values on
the top and bottom.
Using top and bottom margins inside some elements may push your footer
down by that margin height, perhaps in a header or the wrap or main
<div>'s themselves. Instead use padding to create spacing inside the
element. You'll notice this is happening if your page has little
content so that the footer should be on the bottom but you see that
your window scroll bar on the side indicates that it is sitting a bit
below the window bottom. Go find the offending top or bottom margin
and switch it to padding.
But it looks good now!
http://www.lankforddesign.com/
On Apr 29, 2011, at 12:28 PM, Chetan Crasta wrote:
Happy to help. There are some minor problems with the CSS. I suggest
you do this:
#nav {display:block; height:60px; margin: 40px auto 0; width: 725px; }
#content {
background-color: #FFFBEA;
border-color: #DFDFDF #999999 #666666 #CCCCCC;
border-style: solid;
border-width: 1px;
margin: 60px auto 40px;
padding: 0;
width: 700px;
}
position:relative should be rarely used because it can cause problems.
Also, ccing your emails to the list is a good idea because it may help
someone else who has a similar problem.
Regards,
Chetan Crasta
On Sat, Apr 30, 2011 at 12:23 AM, Steve Caramia <st...@caramiadesign.com
> wrote:
Thanks Chetan! It worked! (I think -- still a little funky in
Browserlab,
but it looks great in FF4 windows in Parallels on my mac.)
http://www.lankforddesign.com/
On Apr 28, 2011, at 11:58 PM, Chetan Crasta wrote:
On Fri, Apr 29, 2011 at 12:04 PM, Steve Caramia <st...@caramiadesign.com
>
wrote:
This worked: http://www.duclauddesign.com/
This doesn't: http://www.lankforddesign.com/
Both pages have problems, and not just in Firefox. When the browser
window height is around 600px the layout breaks.
For a sticky footer (footer that stays at the bottom), try the
technique described here:
http://www.cssstickyfooter.com/using-sticky-footer-code.html
Regards,
Chetan Crasta
¿?¡!¿?¡!¿?¡!¿?¡!¿?¡!¿?¡!¿?¡!¿?¡!¿?¡!¿?¡!¿?¡!¿?¿?¡!¿?¡!¿?¡!¿?¡!¿?¡!¿?
¡!
CARAMIA DESIGN 510.525.4525 caramiadesign.com
¿?¡!¿?¡!¿?¡!¿?¡!¿?¡!¿?¡!¿?¡!¿?¡!¿?¡!¿?¡!¿?¡!¿?¿?¡!¿?¡!¿?¡!¿?¡!¿?¡!¿?
¡!
¿?¡!¿?¡!¿?¡!¿?¡!¿?¡!¿?¡!¿?¡!¿?¡!¿?¡!¿?¡!¿?¡!¿?¿?¡!¿?¡!¿?¡!¿?¡!¿?¡!¿?¡!
CARAMIA DESIGN 510.525.4525 caramiadesign.com
¿?¡!¿?¡!¿?¡!¿?¡!¿?¡!¿?¡!¿?¡!¿?¡!¿?¡!¿?¡!¿?¡!¿?¿?¡!¿?¡!¿?¡!¿?¡!¿?¡!¿?¡!
______________________________________________________________________
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
