|
|
Posted by sandravandale on 10/04/84 11:59
richard wrote:
> What you need is a container for all with no height property.
> That way, whenever what's above the footer is pushed down, so will the
> footer be pushed down.
Thanks, I should have mentioned that I use a container with 100% height
to force the footer to the bottom of the viewport (and a negative
margin to pop it back into view) The footer thus sticks to the bottom,
unless one of the columns is too long, in which case it sits beneath
the longest column. This complicates life.
I found one funky solution.
#main {
padding-left: 188px;
float: left;
width: 100%;
}
#side {
float: left;
width: 188px;
margin-left: -100%;
}
The idea is float the main content as far left as it will go, but pad
the content out so it leaves the first 188px free. Then make the
sidebar a float left as well, it will try to float after #main, but is
exactly the width of the viewport off from where it needs to be, hence
the negative margin. Works in IE 5+ and FF 1.5. Very strange things
happen in opera, I'm looking into it.
It's possible position: relative; left: -100% might work in place of
the negative margin, I haven't tried it yet.
-Sandra
Navigation:
[Reply to this message]
|