469,623 Members | 1,971 Online
Bytes | Developer Community
New Post

Home Posts Topics Members FAQ

Post your question to a community of 469,623 developers. It's quick & easy.

CSS drop-down menu not showing firefox

27
Here is the HTML -

<div id="nav">

<ul class="level1">
<li class="submenu"><a href="../orderflow/control.aspx">Order Control</a></li>
<ul class="level2">
<li><a href="#">Summary</a></li>
</ul>
<li class="submenu"><a href="#">Product Control</a></li>
<ul class="level2">
<li><a href="poroduct-add.aspx">Add Product</a></li>
<li><a href="poroduct-del.aspx">Delete Product</a></li>
<li><a href="poroduct-edit.aspx">Edit Product</a></li>
</ul>
<li class="submenu"><a href="#">Supplier Control</a></li>
<ul class="level2">
<li><a href="#">Add Supplier</a></li>
<li><a href="#">Delete Supplier</a></li>
<li><a href="#">Edit Supplier</a></li>
</ul>
<li class="submenu"><a href="#">Prog Control</a></li>
<ul class="level2">
<li><a href="#">Add Prog</a></li>
<li><a href="#">Delete Prog</a></li>
<li><a href="#">Edit Prog</a></li>
</ul>
</ul>

</div>

Here's the CSS -

div#nav {
width:625px;
margin: 0 auto;
text-align:left;
color:#fff;
padding:120px 0 0 0;
}

div#nav a{
color:#fff;
text-decoration:none;
font-family: Tahoma, Arial, sans-serif;
font-size: 1.2em;
}

div#nav ul.level1 li{
float:left;
}

div#nav ul.level2 {
margin-top:3px;
}

div#nav ul.level2 li{
clear:both;
}

div#nav ul.level1 li a{
width:155px;
background-color:#59AEDA;
display:block;
text-align:center;
}

div#nav ul.level2 li a{
width:155px;
padding: 5px 5px 5px 5px;
voice-family: "\" }\""; voice-family:inherit;
width:145px;
background-color:#59AEDA;
display:block;
text-align:left;
}

div#nav ul.level2 li a:hover{
width:155px;
padding: 5px 5px 5px 5px;
voice-family: "\" }\""; voice-family:inherit;
width:145px;
background-color:#66CCFF;
display:block;
text-align:left;
}

div#nav ul ul{
display:none;
}

div#nav ul.level1 li.submenu:hover ul.level2 {
display:block;
}
Jul 18 '07 #1
8 2852
adz1809
27
here's the full HTML -

<body>

<div id="holder">

<div id="header">
<div id="nav">

<ul class="level1">
<li class="submenu"><a href="../orderflow/control.aspx">Order Control</a></li>
<ul class="level2">
<li><a href="#">Summary</a></li>
</ul>
<li class="submenu"><a href="#">Product Control</a></li>
<ul class="level2">
<li><a href="poroduct-add.aspx">Add Product</a></li>
<li><a href="poroduct-del.aspx">Delete Product</a></li>
<li><a href="poroduct-edit.aspx">Edit Product</a></li>
</ul>
<li class="submenu"><a href="#">Supplier Control</a></li>
<ul class="level2">
<li><a href="#">Add Supplier</a></li>
<li><a href="#">Delete Supplier</a></li>
<li><a href="#">Edit Supplier</a></li>
</ul>
<li class="submenu"><a href="#">Prog Control</a></li>
<ul class="level2">
<li><a href="#">Add Prog</a></li>
<li><a href="#">Delete Prog</a></li>
<li><a href="#">Edit Prog</a></li>
</ul>
</ul>

</div>
</div>

<div id="frame">

</div>

<div id="footer">

</div>

</div>


</body>
Jul 18 '07 #2
adz1809
27
any help please? It works to a point IE, but no go at all in Firefox.

Also it is appearing underneath other page content any help in this would also be great, I tried z-indexing but no joy.
Jul 19 '07 #3
drhowarddrfine
7,435 Expert 4TB
Sorry, I'm gone all week and only have a minute. Get the page working in Firefox. IE has too many bugs. Make sure you have a doctype. aspx files are notorious for being IE-centric and non-standard. Also, validate your html and css.
Jul 19 '07 #4
Sorry, I'm gone all week and only have a minute. Get the page working in Firefox. IE has too many bugs. Make sure you have a doctype. aspx files are notorious for being IE-centric and non-standard. Also, validate your html and css.
That's easily said: how many people are still using IE6? Only about 38%?
Jul 20 '07 #5
Hey, I had a menu just like that before I remodeled my website. I had the same problems... unfortunately I didn't find a solution. That's one reason I remodeled... Did you get the script from Dynamic Drive?

Sorry, I'm not much help but, I would suggest just getting another menu.
Jul 20 '07 #6
drhowarddrfine
7,435 Expert 4TB
That's easily said: how many people are still using IE6? Only about 38%?
The reason you get pages to work in Firefox first because it is the most standards-compliant browser. IE is riddled with bugs which can fool you and make your page not work in any other browser. So code to standards and test in a modern browser which makes it easier to hack and fix IE.
Jul 21 '07 #7
That's easily said: how many people are still using IE6? Only about 38%?
Rather more are using IE7, and that is almost as bad.
Jul 22 '07 #8
Try the dropdown menus from here and here and also look at the "sliding doors" menus
Jul 22 '07 #9

Post your reply

Sign in to post your reply or Sign up for a free account.

Similar topics

1 post views Thread by Ian Dobson | last post: by
reply views Thread by Lauren Quantrell | last post: by
8 posts views Thread by WindAndWaves | last post: by
1 post views Thread by Torre Quinn | last post: by
3 posts views Thread by VB Programmer | last post: by
1 post views Thread by Darren | last post: by
reply views Thread by devrayhaan | last post: by
By using this site, you agree to our Privacy Policy and Terms of Use.