Back To Website Design Forum

CSS IE bug

  • BrianTheMapper
  • Newbie
  • Newbie
  • No Avatar
  • Joined: Jan 09, 2008
  • Posts: 13
  • Loc: Indiana
  • Status: Offline

Post July 27th, 2008, 5:49 pm

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
  • Joined: 25 Feb 2008
  • Posts: ?
  • Loc: Ozzuland
  • Status: Online

Post July 27th, 2008, 5:49 pm

  • digitalMedia
  • a.k.a. dM
  • Genius
  • User avatar
  • Joined: Dec 29, 2003
  • Posts: 5169
  • Loc: SC-USA
  • Status: Offline

Post July 28th, 2008, 5:01 am

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.
- dM
  • BrianTheMapper
  • Newbie
  • Newbie
  • No Avatar
  • Joined: Jan 09, 2008
  • Posts: 13
  • Loc: Indiana
  • Status: Offline

Post July 28th, 2008, 3:35 pm

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
  • Joined: Mar 12, 2007
  • Posts: 6228
  • Loc: South-Africa
  • Status: Offline

Post July 29th, 2008, 7:57 am

maybe this would help ...
Let's leave all our *plum* where it is and go live in the jungle ...

Page 1 of 1

Post Information

  • Total Posts in this topic: 4 posts
  • Users browsing this forum: No registered users and 88 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
 
 

© 2011 Unmelted, LLC. Ozzu® is a registered trademark of Unmelted, LLC.