Raghavendra wrote:[color=blue]
> <div style="height:100%">
> <BODY>
> sample text spanning about 30 lines
> </BODY>
> </div>
> <table><tr><td>footer</td></tr></table>[/color]
What on earth made you think that you can nest a body element inside a
div element? The above code so bogus that there is no correct way to
display it. Consider yourself lucky that browsers bother to display
anything at all.
And why do you think that your footer is tabular data?
[color=blue]
> I am using this code to display the footer always at the end of the
> browser window.[/color]
Where users with large windows won't notice it at all?
[color=blue]
> In IE the footer is getting displayed properly at the end even when the
> text does not span the window height.[/color]
IE does a lot of fixing up of broken code. In this case it just happens
to fix it up in such a way that matches what you want.
[color=blue]
> But in mozilla the footer is getting overlapped with the body text.[/color]
Interesting. I guess that you haven't bothered to show us all your
code.
[color=blue]
> Any help will be appreciated.[/color]
height: 100%; means 100% of the parent element's height. Your div
doesn't have a parent element, hence the height defaults to be being
the height of the content.
What you want isn't easy across browsers, mainly due to IE's terrible
CSS support but also due to the fact that the layour model in CSS
doesn't really work for this sort of thing (the relationship between
the window and the document has more nuances than most people think at
first).
I have an old example at
http://steve.pugh.net/test/test57.html but
it's broken in modern versions of Opera (and possibly other browsers)
so I don't recommend it.
Steve
