Solved

Will this CSS ever work in IE6

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

Better Security Awareness With Threat Intelligence

See how one of the leading financial services organizations uses Recorded Future as part of a holistic threat intelligence program to promote security awareness and proactively and efficiently identify threats.

Join & Write a Comment

As a result of several questions about how to use Bootstrap I thought it would be a good idea to write down the development aspect of creating a Bootstrapped website in as little time as possible. Part 1 of this article will only concentrate on g…
Not sure what the best email signature size is? Are you worried about email signature image size? Follow this best practice guide.
In this Micro Tutorial viewers will learn how to create a CSS image sprite (In a later tutorial, viewers will learn how to use CSS and HTML to create a navigation menu using this sprite) Open a new Photoshop document with a width of (Icon width)x(N…
The viewer will the learn the benefit of plain text editors and code an HTML5 based template for use in further tutorials.

707 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

Need Help in Real-Time?

Connect with top rated Experts

12 Experts available now in Live!

Get 1:1 Help Now