[Okta Webinar] Learn how to a build a cloud-first strategyRegister Now

x
?
Solved

Will this CSS ever work in IE6

Posted on 2011-02-18
1
Medium Priority
?
267 Views
Last Modified: 2012-05-11
I have a website listed below, that in IE6, the CSS menus do not display properly.  Even after adding a doctype, the menus still only work in IE7+.  All I want to know is if there is some simple code that will make the CSS drop down menus work in IE6.  If not, I'll simply display a browser warning.  Thank you.

Link: http://dugamedia.com/brlax/wwwroot/template.cfm
0
Comment
Question by:Eduski
1 Comment
 
LVL 7

Accepted Solution

by:
JosephEricDavis earned 2000 total points
ID: 34926052
IE6 tends to be very difficult to design for.  Trying to be cross browser compatible and include IE6 in your support makes the development process a nightmare.  It actually tells a lot that Microsoft has actually stopped supporting IE6 as well.

If you do still need to support IE6 then the best way I have found is to write some additional CSS that targets IE6 specifically.  This can be done by using '* html' at the beginning of a css class to flag it for IE6 only.

An example of this would be...

.exampleClass
{
   width:500;
   margin:5px;
}

* html .exampleClass
{
   margin:3px;
}

Based on the nature of cascading style sheets, the '* html' will overwrite the margin in the example class and it will only happen for IE6.  Make sure that you place a space in between the * and the html and a space between the html and the dot at the beginning of your class name.

You can also do this for IDs...

#exampleID
{
   width:500;
   margin:5px;
}

* html #exampleID
{
   margin:3px;
}
0

Featured Post

Keep up with what's happening at Experts Exchange!

Sign up to receive Decoded, a new monthly digest with product updates, feature release info, continuing education opportunities, and more.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

This article discusses four methods for overlaying images in a container on a web page
The article shows the basic steps of integrating an HTML theme template into an ASP.NET MVC project
The viewer will learn the basics of jQuery, including how to invoke it on a web page. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery.: (CODE)
Video by: Mark
This lesson goes over how to construct ordered and unordered lists and how to create hyperlinks.
Suggested Courses

868 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question