|
| |
|
|
DWS
Posts: 52
Joined: 3/13/2002
From: Ok USA
Status: offline
 |
Display: block not showing in IE - 3/9/2007 17:04:37
Apparently after three years a client of mine called to say that the menues on their site stopped working. It was created and tested for Firefox. Well, they dont work in IE and Im getting a bit frustrated.
So, I created some simple tests. Apparently IE cant do a LOT of things.
This displays on every browser that I have except IE. Yes I know its not pretty but its just some quick and dirty testing.
Is there ANY way to get around this issue with IE not showing things on hover?
<html>
<head>
<style type="text/css">
.none { display: none;}
#active:hover li { display: block; }
#active li { display: none; }
ul { list-style-type: none;}
</style>
</head>
<body>
<h1>This is a H1</h1>
<h1 class="none">You shouldnt see this one.</h1>
<p>You can see this.</p>
<ul id="display">
<li id="active">
<a href="#">And...</a>
<ul id="another">
<li id="alsoactive">you should now see this!</li>
</ul>
</li>
</ul>
</body>
</html>
|
|
|
|
DWS
Posts: 52
Joined: 3/13/2002
From: Ok USA
Status: offline
|
RE: Display: block not showing in IE - 3/9/2007 21:37:44
I found a link in the forms for this site:
http://www.xs4all.nl/~peterned/csshover.html
for the css hover effect - which would work for what Im doing. Except one thing. I cant get it to work. I can get it to work on Their site but if I copy the code to my computer it doesnt work.
| |
|
|
|
jurgen
Posts: 385
Joined: 1/9/2007
From: Castle Rock, Colorado
Status: offline
|
RE: Display: block not showing in IE - 3/9/2007 22:44:04
It works for me with FF, NS8 and IE7.......
Only after I took out the DOC declaration it didn't work with IE. Make sure you have a DOC type specified in your page and it should be fine.
| |
|
|
|
Tailslide
Posts: 5948
Joined: 5/10/2005
From: Out here on the raggedy edge
Status: offline
|
RE: Display: block not showing in IE - 3/10/2007 3:38:04
The hover:whatever that you've downloaded should do the trick for IE6 < (IE6 is pretty stupid - it only applies hover effects to links). I've used it on several sites.
Can you show us how you've linked to the hover file?
I've linked it like this on my site (in the document head):
<!--[if lt IE 7]>
<style type="text/css">
body {behavior: url(scripts/csshover.htc);}
</style>
<![endif]-->
Which will add the hover rule to the body on IE versions prior to IE7 which has finally fixed the issue.
_____________________________
"My strategy is so simple an idiot could have devised it"
Little Blue Plane Web Design | Blood, Sweat & Rust - A Land Rover restoration project
| |
|
|
|
DWS
Posts: 52
Joined: 3/13/2002
From: Ok USA
Status: offline
|
RE: Display: block not showing in IE - 3/10/2007 9:01:53
I call it same as you did:
<style type="text/css">
body {behavior: url(scripts/csshover.htc);}
</style>
| |
|
|
|
DWS
Posts: 52
Joined: 3/13/2002
From: Ok USA
Status: offline
|
RE: Display: block not showing in IE - 3/10/2007 9:06:48
jurgen!
It works now. The freakin doctype. I didnt put it in because I was just testing. Well, there you go. Something that simple caused me ALL those hours of frustration.
Thanks guys!
| |
|
|
|
jurgen
Posts: 385
Joined: 1/9/2007
From: Castle Rock, Colorado
Status: offline
|
RE: Display: block not showing in IE - 3/10/2007 9:17:53
Yup, sometimes you look for all kinds of things and the obvious doesn't come to mind. Great you have it working.
_____________________________
Wedding Dresses Colorado
| |
|
 New Messages |
 No New Messages |
 Hot Topic w/ New Messages |
 Hot Topic w/o New Messages |
 Locked w/ New Messages |
 Locked w/o New Messages |
|
Post New Thread
Reply to Message
Post New Poll
Submit Vote
Delete My Own Post
Delete My Own Thread
Rate Posts
|
|
|
Printable Version 
