Is IE Mutating? (Full Version)

All Forums >> [Web Development] >> Cascading Style Sheets and Accessibility



Message


Edge -> Is IE Mutating? (7/10/2006 18:15:29)

I am starting to really get in into CSS menus and found one at Listamtic.com (Vertical Button Menu).
On Listamatic.com it works in IE, FF & Opera. But when I set it up for my application, for some reason I had to have two style sheets, one for IE and one for FF & Opera.

I worked through this problem after playing around with various widths. IE liked 100% and the other two wanted pixels to fit in the allocated table. I learned how to employ two style sheets reading this thread at Outfront and a link posted by Tailslide on that thread for Brucelawson.com

So for a over a month I had the following code in the head of each sheet that uses the Listamatic button menu
<LINK REL=STYLESHEET TYPE="text/css" HREF="site.css">

<!--[if IE]>
<link rel="stylesheet" href="site_ie.css" type="text/css" />
<![endif]-->

Having the two style sheets with the above code in each page was working great. Then all of a sudden I notice today that the menu looks off in IE. So I deleted the "if IE" and now it works fine in IE with the base style sheet that is intended for FF and Opera.

I have IE 6.0 and now it looks fine.

Please review the menu here ( http://www.jodylavender.com ) and let me know if it looks okay in whatever version of IE you are using.

EDIT: for a short while the Autograph Request Page ( http://www.jodylavender.com/request.htm ) is showing the menu off in IE. I cannot connect to my host from work, so I will upload this page later tonight.

Any feedback is appreciated.

Thanks, Ed




swoosh -> RE: Is IE Mutating? (7/10/2006 19:35:24)

quote:

http://www.jodylavender.com
Menu looks fine in IE 6




Tailslide -> RE: Is IE Mutating? (7/11/2006 3:54:42)

Hi Ed

It looks fine in IE6 but not quite right in IE5 and IE5.5.

My guess is that because you've got a full DOCTYPE, IE6 is working in Standards Mode and thus behaving itself. What you could do is to offer the IE only stylesheet just to IE5.5 and IE5 like this:

<!--[if lt IE 6]>
<link rel="stylesheet" href="site_ie.css" type="text/css" />
<![endif]-->


This basically will feed your stylesheet to anything earlier than IE6





Page: [1]

Valid CSS!




Forum Software © ASPPlayground.NET Advanced Edition 2.4.5 ANSI
0.046875