Rick Good wrote:
> www.themeridiangrp.com
> .meridian #footer { position: absolute; bottom: 40 px; left: 0 px;
> ...
>
> does not work.
You're absolute positioning all main elements, which means the
#container doesn't stretch the full pageheight since A:P elements don't
take up space and can't be contained.
#container and body only contains the header, and only a CSS error
(check with the CSS validator) prevents body from collapsing completely.
> Since it's working I'm not overly concerned, but I would like to know
> the right way to do it.
1: it doesn't _really_ work since you've based your top:values on an
unaltered font-size, and font-size is a variable in all browsers.
This means content is overflowing and parts are hidden at my end, since
I require a larger font-size than you have anticipated.
2: you can use floats and float-containment for main elements
(containers), and must then remove _all_ absolute position references
for main elements.
This will make the #container/body expand to allow for
bottom-positioning as your CSS example shows, and also allow you to
simply clear a non-positioning footer below the other non-positioned
elements. These are the "right" methods - if "right" is the right word
here, and they'll both work regardless of content-/page-height.
regards
Georg
--
http://www.gunlaug.no
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
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/
