Seona Bellamy wrote:
> Have a look at this page at a resolution of greater than 1024x768:
> http://staging.renovate.com.au/clubreno/index.cfm
> Can anyone suggest what I've missed? I'm pretty sure that I've
> brought across everything I needed to from the test cases, so I can't
> figure out why it's not working.
Didn't check the test cases, but here is how I usually deal with these
layouts.
Add:
#sizer {
display: table;
height: 100%;
}
...and see the layout adjust to both screen-height and the amount of
content. That's standard compliant behavior in standard compliant browsers.
Next, I add the xml declaration at the top, which makes IE6 run in
quirks mode and make that 'padding-bottom: 2em;' be applied inside its
100% high #sizer instead of expanding the container.
Then comes IE7 (one day), and it better not see the IE styles you have
now, so make that conditional comment 'lt' = 'less than' IE7.
IE7 will handle 'position: fixed' pretty OK.
IE7 will probably not be given support for 'display: table', so it
better not see the styles I've added for the standard-compliant browsers
either. That is; unless you trick IE7 into running in quirks mode also,
which will make it render like IE6.
We'll just have to wait and see what's the best way to deal with IE7 -
once they have a finished version on line. No big deal.
BTW: I think you have a slight flaw in those width-values, as that
footer looks a bit too short in Firefox.
regards
Georg
--
http://www.gunlaug.no
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
