Solved

css issue with internet explorer <ul> <li>

Posted on 2014-03-20
4
286 Views
Last Modified: 2014-04-03
hi to all experts,

my drop down menu in css3  displays fine in all browsers...but not internet explorer 6-7-8 weirdly enough

http://www.joe-cool.co.uk/EN/home/home.cfm

it displays vertically with no rollover in internet explorer, and horizontally in IE

any clue why ?

many thanks
Adam
0
Comment
Question by:adam1h
4 Comments
 
LVL 7

Expert Comment

by:dimmergeek
ID: 39942310
Here is a W3 reference for which CSS3 tags are supported by which versions of all browsers
The vast majority of them require at least version 9 of IE.
0
 
LVL 53

Expert Comment

by:COBOLdinosaur
ID: 39943348
If you want to support obsolete browsers that are used by almost no one, then you should detect the browser and load alternate pages that only use CSS2.1 and html4/xhtml tags.

From an economic standpoint support those old version is generally losing proposition.  If you check your analytics, you will probably find most others that the total profit produced by the handful of users on old browsers is less than the cost of trying to support them.

Cd&
0
 
LVL 16

Accepted Solution

by:
Gurpreet Singh Randhawa earned 500 total points
ID: 39945853
for old browsers, you need to use some external library like modernizr or html5 based js library, which can at-least give not 100%, but at least 80% of the effect you are trying to get.

Here are some references:

http://fetchak.com/ie-css3/

http://aarontgrogg.com/blog/2010/06/04/cross-browser-css3-yes-even-in-ie6-and-ie7-with-a-little-help-from-ms-filters/

http://css3pie.com/

http://coding.smashingmagazine.com/2010/04/28/css3-solutions-for-internet-explorer/
0

Featured Post

Free Tool: Subnet Calculator

The subnet calculator helps you design networks by taking an IP address and network mask and returning information such as network, broadcast address, and host range.

One of a set of tools we're offering 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

Suggested Solutions

Title # Comments Views Activity
Send email using HTML and PHP in separate file 5 36
Timer on div 5 22
Use Mid in Html 6 21
Increase image taller on inner pages 2 10
When it comes to write a Context Sensitive Help (an online help that is obtained from a specific point in state of software to provide help with that state) ,  first we need to make the file that contains all topics, which are given exclusive IDs. …
Use these top 10 tips to master the art of email signature design. Create an email signature design that will easily wow recipients, promote your brand and highlight your professionalism.
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…
HTML5 has deprecated a few of the older ways of showing media as well as offering up a new way to create games and animations. Audio, video, and canvas are just a few of the adjustments made between XHTML and HTML5. As we learned in our last micr…

685 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