CSS IE bug

  • BrianTheMapper
  • Newbie
  • Newbie
  • BrianTheMapper
  • Posts: 13
  • Loc: Indiana

Post 3+ Months Ago

Alright so I am making a menu, and I liked the idea of using mostly CSS for it, so I googled it and got the idea. I finished with the first version, trying to get the bugs out. Finally got it working for FF, Opera, and Safari. BUT IE is slightly problematic. The sub menus are displaying to the right of the main menus. Heres a link

http://www.johc.org/test_dir/phptest/testphp.php

Heres the CSS to it (JS :hover fix is in a seperate file; hence the li.over):

Code: [ Select ]
#Home,#About,#Ministries,#Calender,#eResources {
  display:inline;
  margin-left:30px;
  float:left;
  clear:right;
}
 
.Home,.About,.Ministries,.Calender,.eResources {
  position:absolute;
  display:none;
  width:200px;
  margin:0px;
  padding:0px;
}
 
li {
  list-style:none;
  font-family:sans-serif;
  font-style:italic;
  margin-left:5px;
  margin-top:5px;
}
 
li:hover ul,li.over ul {
  display:block;
}
  1. #Home,#About,#Ministries,#Calender,#eResources {
  2.   display:inline;
  3.   margin-left:30px;
  4.   float:left;
  5.   clear:right;
  6. }
  7.  
  8. .Home,.About,.Ministries,.Calender,.eResources {
  9.   position:absolute;
  10.   display:none;
  11.   width:200px;
  12.   margin:0px;
  13.   padding:0px;
  14. }
  15.  
  16. li {
  17.   list-style:none;
  18.   font-family:sans-serif;
  19.   font-style:italic;
  20.   margin-left:5px;
  21.   margin-top:5px;
  22. }
  23.  
  24. li:hover ul,li.over ul {
  25.   display:block;
  26. }


So any ideas on how to make it work for IE?
  • Anonymous
  • Bot
  • No Avatar
  • Posts: ?
  • Loc: Ozzuland
  • Status: Online

Post 3+ Months Ago

  • digitalMedia
  • a.k.a. dM
  • Genius
  • User avatar
  • Posts: 5149
  • Loc: SC-USA

Post 3+ Months Ago

I think you've got a lot of markup errors. Did you close any <a> elements in initial view?

//That's not really an IE bug...so far.
  • BrianTheMapper
  • Newbie
  • Newbie
  • BrianTheMapper
  • Posts: 13
  • Loc: Indiana

Post 3+ Months Ago

yea sorry i changed it before i went to bed. sorry forgot to mention that. I took a different approach.

And since i just added the links, they're a bit buggy (pulling xml with php).

Now what seems to be the problem is that it is not working in Opera.
  • righteous_trespasser
  • Scuffle
  • Genius
  • User avatar
  • Posts: 6230
  • Loc: South-Africa

Post 3+ Months Ago

maybe this would help ...

Post Information

  • Total Posts in this topic: 4 posts
  • Users browsing this forum: No registered users and 41 guests
  • You cannot post new topics in this forum
  • You cannot reply to topics in this forum
  • You cannot edit your posts in this forum
  • You cannot delete your posts in this forum
  • You cannot post attachments in this forum
 
 

© 1998-2014. Ozzu® is a registered trademark of Unmelted, LLC.