On 15/02/06, Gunlaug Sørtun <[EMAIL PROTECTED]> wrote:
>
> 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.


Well, I put the  first bit that you suggested, and IE seemed to spring into
line just fine. Yippee! Sadly, this time it's Firefox that's acting up.

The home page is fine:
http://staging.renovate.com.au

This page, however, is royally screwed:
http://staging.renovate.com.au/clubreno/index.cfm

What on earth has happened here?? It's as if there is suddenly a whole bunch
of  extra margins, or things have been absolutely positioned and the numbers
are wrong. I've checked the DOM inspector in Firefox, however, and neither
of these seem to be the case.

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.


Good point, and I did as you suggested. Oddly enough, however, now I have a
white strip at the top in IE that says:
<!--[if lt IE7]> <![endif]-->

Did I do it wrong? I have to confess that I don't often use conditional
comments, but I'm trying to get into the habit of it.

As for what IE7 may or may not support, I'm going to wait until a little
closer to release before I start worrying. I'm the in-house developer for
this site, so it's not like there's going to be a problem if I need to make
a change or two down the track. That's what they're paying me for, anyway.
;)

BTW: I think you have a slight flaw in those width-values, as that
> footer looks a bit too short in Firefox.


I'd noticed that too. I figured it was a small-fry of a problem until I
could make the actual box extend all the way, though. I'll start playing
with it now, though.

Cheers,

Seona.
______________________________________________________________________
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/

Reply via email to