I wrote:

> Hi everyone
> 
> Can I please have a check of my test page in IE5/Mac?
> 
> http://css-class.com/test/alpha-0-9.htm
> 
> The problem is that IE5/Mac doesn't not support the property display:table 
> which causes my header and menu to appear at the bottom of the page (initial 
> source order). I hope the below hack works but I believe it will cover the 
> image and text in the banner. Is this correct? Reference rendering is any 
> good browser, not IE/Win.


I just realized that IE/Mac might use the ordinary HTML comments like IE/Win by 
treating them as elements.

I think I have to give IE/Mac and IE/Win the same styles by.

@import("ie.css"); /* for IE5/Mac source [1] */
@import ie; /* for IE/win */

and each sheet will import the same sheet with both there styles.

So style for the good browsers:

div+div+div
div+div+div+div
#wrapper2+div+div


For IE7 and IE5/Mac:

div+div+*+div
div+div+*+div+*+div
#wrapper2+*+div+*+div


And IE7:

div+div~div
div+div~div~div
#wrapper2~div~div


Georg wrote in another message: I still think 'IE6 works best in quirks 
mode'....but maybe that's just me :-)

I agree there Georg "quirk for IE6".

What I afraid of is with IE8 (any mode). Will it require the same styles 
(above) for IE7 or IE5/Mac but it may not parse them because I presume these 
import hacks would have been fixed. How about that, IE8 rendering worst than 
IE7 or IE5/Mac :-)


1. <http://www.premonition.co.uk/cssd/ie51-only.html>


Alan

http://css-class.com/

______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Reply via email to