2 replies [Last post]
jonnyd226
Offline
newbie
Boston
Last seen: 17 years 15 weeks ago
Boston
Joined: 2005-06-13
Posts: 8
Points: 0

Hi all,

I'm having some issues in IE with a menu I created. It works fine in Firefox 1.5 however.

It is a vertical menu, and when you click on one of the links that has a submenu, it opens beneath it, indented slightly. It draws the background darker than the rest of the menu and puts a border on top and bottom. It is hard to explain, so I will attach the files.

When I click on a link in Firefox, the link which opens the submenu, stays there, like a title. But in IE, it disappears. I tried a bunch of different link elements on the LI and UL but to no avail.

If anyone has a questions to what I am talking about let me know...

But if anyone can help me out, it would be much appreciated.

Thanks,

Jon

sperks
Offline
Enthusiast
New York
Last seen: 15 years 34 weeks ago
New York
Timezone: GMT-5
Joined: 2004-10-01
Posts: 158
Points: 0

Nested Menu Issues in IE

the margins of your second level navigation are overlaying your title.

Here's some ammended code, getting rid of your negative margins. It might not be the effect you're looking for, but it works on all browsers:

ul {
	margin: 0;
	padding: 0 0 0 0;
	list-style: none;
	line-height: 1.2em;
	}
li {
	line-height: 1.2em;
	padding: 0;
	}
li a {
	padding: 5px 15px 0 10px;
	display: block;
	}
li ul {
	display: none;
	padding: 15px 0 5px 15px;
	background: #ccc;
	margin: 0;
	border-bottom: 1px solid #000;
	border-top: 1px solid #000;
	}

jonnyd226
Offline
newbie
Boston
Last seen: 17 years 15 weeks ago
Boston
Joined: 2005-06-13
Posts: 8
Points: 0

Nested Menu Issues in IE

Thanks man!

Your code didn't keep the exact same effect that I was looking for, but I decided to change it up a little anyways. Here is what I did with yours:

ul {
	margin: 0;
	padding: 0 0 0 0;
	list-style: none;
	line-height: 1.2em;
	}

li {
	padding: 2px 0 2px 10px;
   	}
   
li ul {
   	display: none;
   	margin: 0 0 0 10px;
   	border-left: 1px dotted #000;
   	} 			   

Thanks for you help tho...