Solved

Will this CSS ever work in IE6

Posted on 2011-02-18
1
250 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 500 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

Free Tool: IP Lookup

Get more info about an IP address or domain name, such as organization, abuse contacts and geolocation.

One of a set of tools we are providing to everyone as a way of saying thank you for being a part of the community.

Question has a verified solution.

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

CSS is a visual language used to classify objects and define rules about how they should be displayed. CSS skills aren’t restricted to developers anymore, there is a big benefit to having a basic understanding of the language, regardless of your occ…
The article shows the basic steps of integrating an HTML theme template into an ASP.NET MVC project
In this tutorial viewers will learn how to embed Flash content in a webpage using HTML5. Ensure your DOCTYPE declaration is set to HTML5: "<!DOCTYPE html>": Use the <object> tag to embed Flash content.: To specify that the object is Flash content, d…
In this tutorial viewers will learn how to style rounded corners for elements in CSS using the border-radius property Begin with a normal styled element such as a div: To style all four corners of the div to be the same degree of roundness, use the …

828 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