Solved

Will this CSS ever work in IE6

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

Live: Real-Time Solutions, Start Here

Receive instant 1:1 support from technology experts, using our real-time conversation and whiteboard interface. Your first 5 minutes are always free.

Question has a verified solution.

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

Browsers only know CSS so your awesome SASS code needs to be translated into normal CSS. Here I'll try to explain what you should aim for in order to take full advantage of SASS.
This article describes how to create custom column layout styles for Bootstrap. The article uses 5 columns to illustrate the concept, but the principle can be extended to any number of columns.
In this tutorial viewers will learn how to embed custom externally-hosted Google Fonts using the Google Font API in CSS Go to the Google Fonts website at google.com/fonts: Browse or search based on font properties or name to find a suitable font for…
The viewer will receive an overview of the basics of CSS showing inline styles. In the head tags set up your style tags: (CODE) Reference the nav tag and set your properties.: (CODE) Set the reference for the UL element and styles for it to ensu…

813 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

10 Experts available now in Live!

Get 1:1 Help Now