If anyone has time, could they please take a look at the attached layout and let me know if there is a way to "glue" (for lack of a better word) a DIV to the bottom of the viewport, as well as center it, without using absolute positioning?
Thanx.Whoa! Talk about the silence being deafening!
Is this a universal "no" answer to my question?
Thanx.Not sure if this is what you're after, but would position: fixed; do the trick? (See <!-- m --><a class="postlink" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-position">http://www.w3.org/TR/CSS21/visuren.html ... f-position</a><!-- m --> )Although not perfect in every browser, I'd take the foot DIV outside the main body DIV (cont) and give the cont declaration a height of say 95%, add another DIV around the foot DIV and give it position:relative. In the foot p declaration add text-align center and the margin and borders from the cont declaration.
Does that make sense? It IS a bit like DIV soup. But seems to work okay for me.
Also, IE has a problem with your navl declarations. It prefers to have them in order, a:link, a:hover, a:visited. Otherwise the above causes IE to hide the footer on a hover!
Asino.NogDog's solution would probably work if my content never stretched past the bottom border of the viewport (am I understanding the "fixed" positioning correctly?).
However, I believe that Asino's solution would probably work a bit better. Could Asino drop me a few more specifics (or adjust my code)? Please forgive the fact that I'm relatively new to thinking from a CSS point of view. I'm a recent convert.
Thanx.I've attached the changed code. It is 'development' status though, please test it.
Asino
Thanx.Whoa! Talk about the silence being deafening!
Is this a universal "no" answer to my question?
Thanx.Not sure if this is what you're after, but would position: fixed; do the trick? (See <!-- m --><a class="postlink" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-position">http://www.w3.org/TR/CSS21/visuren.html ... f-position</a><!-- m --> )Although not perfect in every browser, I'd take the foot DIV outside the main body DIV (cont) and give the cont declaration a height of say 95%, add another DIV around the foot DIV and give it position:relative. In the foot p declaration add text-align center and the margin and borders from the cont declaration.
Does that make sense? It IS a bit like DIV soup. But seems to work okay for me.
Also, IE has a problem with your navl declarations. It prefers to have them in order, a:link, a:hover, a:visited. Otherwise the above causes IE to hide the footer on a hover!
Asino.NogDog's solution would probably work if my content never stretched past the bottom border of the viewport (am I understanding the "fixed" positioning correctly?).
However, I believe that Asino's solution would probably work a bit better. Could Asino drop me a few more specifics (or adjust my code)? Please forgive the fact that I'm relatively new to thinking from a CSS point of view. I'm a recent convert.
Thanx.I've attached the changed code. It is 'development' status though, please test it.
Asino