Solved

Will this CSS ever work in IE6

Posted on 2011-02-18
1
255 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
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
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

Technology Partners: We Want Your Opinion!

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

Question has a verified solution.

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

Suggested Solutions

Title # Comments Views Activity
email validation 9 49
Two decimal 5 29
HTML or/and CSS codes to construct numbered paragraphs. 5 21
[Bootstrap] Navigation Bar Collapse 27 41
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…
Is your Office 365 signature not working the way you want it to? Are signature updates taking up too much of your time? Let's run through the most common problems that an IT administrator can encounter when dealing with Office 365 email signatures.
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…
Video by: Mark
This lesson goes over how to construct ordered and unordered lists and how to create hyperlinks.

726 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