Previous Message
Next Message

Mac site check and IE question

Sent by Patrick Mannix on 14 June 2005 04:04


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"
>         "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
> <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:
> <http://www.gunlaug.no/contents/wd_1_02_01.html#item3>

> 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 -
http://xps.org/test-fluid.html
(css: http://xps.org/styles/xps-fluid.css)
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).

Patrick Mannix
<http://xps.org/>
<http://mhcug.org/members.htm>
______________________________________________________________________
css-discuss [EMAIL-REMOVED]]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Previous Message
Next Message

Message thread: