|
|
Posted by dorayme on 06/13/07 23:50
In article <slrnf6v7bm.m3u.spamspam@bowser.marioworld>,
Ben C <spamspam@spam.eggs> wrote:
> On 2007-06-12, dorayme <doraymeRidThis@optusnet.com.au> wrote:
> > 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.
>
> Well I think you need the table really, unless min-height is available
> and you know the height of the footer in advance.
>
> But I'm sure I've heard that min-height doesn't work on IE.
>
Not on IE 6 or less at least.
> Browsers don't seem to get this right if you set min-height directly on
> body, but if you put another div inside it it's OK.
>
> I'm using an extra div at the bottom of content for the footer to sit on
> top of so that the footer doesn't overlay the last couple of lines of
> content. Purists could use :before to insert that div since it has no
> meaning other than for layout.
>
> You can paste more words in where I've just put "blah blah" to see how
> it works for longer content.
Interesting. I have a little page that I test footers on at:
http://tinyurl.com/3bntgw
and it has (now), barring a few minor stylistic changes, your
idea. Curiously I found that 3em worked better in your
<div style="height: 3em"></div>
over a larger range of browser window and text settings.
Now, of course, this is in my Mac browsers. Of course, it does
not work in Mac IE 5 and without testing it neither the elephant
(getting smaller every day): Windows IE 6. Other provisions and
clauses needed to cater for these recalcitrants!
(I still sort of like my policy of just putting footers after the
rest and centering and not bothering about it being at the bottom
of the view window, and therefore no need to position anything
really. I don't know if this is a tad unprofessional or not?
Anyway, I like to explore this bottom of the viewport every now
and then and see if there is some easy to remember code to make
it all work cross browser well enough, including hacks,
conditionals etc.)
--
dorayme
Navigation:
[Reply to this message]
|