Gunlaug Sørtun wrote:
> You can use another IE-expression to simulate min-width, but there are a
> couple of things that should be taken care of first.
> Solution: put an xml-declaration above the DTD, like so:
> <?xml version="1.0" encoding="ISO-8859-1"?>
> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
> 2: You need one more wrapper, since two IE-expressions can't work on the
> same element.
> ...read more about this method, and its weak spots, here:
> Also, read about 'conditional comment' for stylesheet linking.
Thank you Georg (and David Lasko). Your suggestions prodded me to dig in
deeper and I'm pleased to say I now have a page -
that works on all Windows browsers that I tried (Win IE5 gracefully
degrades to fixed width) with liquid design working from 769 to 1100
pixels in width, centered after that, behaving nicely below 769.
** I would appreciate a site check using Mac browsers. **
I took so long getting back on this because I make it a practice to not
simply copy design approaches, but work them through, step by step
myself. One objective I had was to design to the standards (ok,
recommendations). I really didn't want to put IE into quirks mode.
However, at one point in testing I had IE lock up. That did it! Now a
believer in Georg's approach.
There is one remaining css validation problem, but that is Mark Hadley's
fix for IE Mac that is part of the float clearing rule, .clearfix.
(display: inline-block; which is allowed under css 2.1).
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/