|
|
Posted by dorayme on 06/12/07 22:09
In article <slrnf6tmnn.s94.spamspam@bowser.marioworld>,
Ben C <spamspam@spam.eggs> wrote:
> On 2007-06-12, Eric C. <eric@notarealaddy.com> wrote:
> > Ben C wrote:
> >> On 2007-06-12, Eric C. <eric@notarealaddy.com> wrote:
> >>> Hello
> >>>
> >>> In the old days, in quirks mode, it was possible to get content to
> >>> appear at the bottom of the browser window by doing this:
> >>>
> >>> <table width="100%" height="100%">
> >>> <tr valign="top">
> >>> <td>foo</td>
> >>> </tr>
> >>> <tr valign="bottom">
> >>> <td>bar</td>
> >>> </tr>
> >>> </table>
> >>>
> >>> Is there a way to do this using div elements and CSS?
> >>
> >> <body>
> >> ...
> >> <div style="position: absolute; bottom: 0">bar</div>
> >> </body>
> >
> > Thanks for answering. The only problem with this method is that the div
> > does not move down if the content above happens to exceed the height of
> > the viewport.
>
> You can position the footer relative to body rather than relative to the
> viewport. To do that just make body position: relative.
Well, well... how about that! Be nice if this would work with a
proper doctype. What is the _simplest_ mark up anyone has come up
with to place footers at the bottom without the obvious pitfalls?
I have not bothered after initial problems and just make footers
appear underneath the rest of the show, no matter where this rest
finishes.
--
dorayme
[Back to original message]
|