CSS Forum

**Moondreamer** · 11-14-2008, 06:50 PM

Hello,
I am new to XHTML, I designed a navigation menu using CSS and it looks great in IE 6 and Firefox, but in IE 5 the menu position is off. Thanks in advance for any help!
I'll paste one menu and the CSS below...
<img style="border: 0;" id="logo" src="images/products_01.jpg" alt="" width="396" height="149" /></a>

<div id="nav">
<ul>

<li style="margin-left:15px;">
<a href="index1.html">Home</a></li>
<li>
<a href="necklaces1.html" onmouseover="dropdownmenu(this, event, menu1, '50px')" onmouseout="delayhidemenu()">
Necklaces</a></li>
<li> <a href="earrings.html">
Earrings</a></li>
<li><a href="braceletswatches.html">
Bracelets & Watches</a></li>
<li style="border:none;">
<a href="rings.html">Rings</a></li>
<li style="margin-left:15px;">
<a href="clothing.html">Clothing</a></li>
<li><a href="footwear.html">
Footwear</a></li>
<li><a href="accessories.html">
Accessories</a></li>
<li>
<a href="homedecor1.html" onmouseover="dropdownmenu(this, event, menu2, '50px')" onmouseout="delayhidemenu()">
Home Decor</a></li>
<li style="border:none;">
<a href="contact.html">Contact</a></li></div>
</ul>
</div>

And the CSS

#header #nav {
width : 44%;
margin : 70px 50px 0 0;
padding : 0;
float : right;
}
#header #nav ul {
margin : 0;
padding : 0;
list-style-type : none;
}
#header #nav ul li {
margin : 0 0 5px 0;
padding : 0 5px;
font-family : Georgia, "Times New Roman", Times, serif;
font-size : 10px;
font-weight : bold;
color : #0d0d0d;
border-right : 1px solid #000;
float : left;
}
#header #nav ul li a:hover {
text-decoration : underline;
color : #000;
}
Here's the 2nd menu....
<div id="index1-04"> <div id="nav" style="width: 362; height: 57">
<ul>
<li style="margin-left:15px;">
<a href="index1.html">Home</a></li>
<li>
<a href="necklaces1.html" onmouseover="dropdownmenu(this, event, menu1, '50px')" onmouseout="delayhidemenu()">
Necklaces</a></li>
<li> <a href="earrings.html">
Earrings</a></li>
<li><a href="braceletswatches.html">
Bracelets & Watches</a></li>
<li style="border:none;">
<a href="rings.html">Rings</a></li>
<li style="margin-left:15px;">
<a href="clothing.html">Clothing</a></li>
<li><a href="footwear.html">
Footwear</a></li>
<li><a href="accessories.html">
Accessories</a></li>
<li><a href="homedecor1.html" onmouseover="dropdownmenu(this, event, menu2, '50px')" onmouseout="delayhidemenu()">
Home Decor</a></li>
<li style="border:none;">
<a href="contact.html">Contact</a></li>
<li style="border:none;">
     &nbs p;                 &n bsp;       &nbs p;       &nbsp ;

<a href="http://www.jillssound.com" target="blank">www.JillsSound.com</a></li>
</ul>
</div>

</div>
And the CSS
#index1-04 {
position:absolute;
left:347px;
top:102px;
width:453px;
height:66px;
background : url('images/index1_04.jpg') no-repeat top right;
}

#index1-04 #nav {
margin : 10px;
width : 100%;
height: 67px;
padding : 0;
}
#index1-04 #nav ul {
padding : 0;
margin : 0px 0px 0px 30px;
list-style-type : none;
}
#index1-04 #nav ul li {
margin : 0 0 5px 0;
padding : 0 5px;
font-family : Georgia, "Times New Roman", Times, serif;
font-size : 10px;
font-weight : bold;
color : #0d0d0d;
border-right : 1px solid #000;
float : left;
}
#index1-04 #nav ul li a:hover {
text-decoration : underline;
color : #000;
}

**wayfarer07** · 11-14-2008, 08:48 PM

Don't worry about IE5, it is a dead browser.

**Moondreamer** · 11-14-2008, 09:18 PM

Ah, C'mon, it wasn't that long ago that I updated to IE 6!

The specific group this web site is targeting are kind of behind the times, I'm sure plenty of the viewer are still using IE 5!

Any suggestions?

**djura** · 11-15-2008, 07:10 AM

Quote:

Originally Posted by Moondreamer

Ah, C'mon, it wasn't that long ago that I updated to IE 6!

The specific group this web site is targeting are kind of behind the times, I'm sure plenty of the viewer are still using IE 5!

Any suggestions?

I am watching more than 30 sites, and looking at their stats there is no more than 2 visits from users using IE below than IE6, so as I already said in some other thread, don't bother with that. I am not even testing sites for IE5...
Sorry if I am not helpful regarding your problem....

**jambla** · 11-15-2008, 12:28 PM

Hmmm... I agree with wayfarer07 and djura, IE5 is a dead browser. However if your site is a niche site and you find that you are getting a large enough percent of IE5 users you should find a fix for this problem.

Looking at my site stats I get around 80k unique per month and only 0.1% are IE5 users. So for me I wouldn't both with it.

If you feel that you need to get this fixed post a message and I will have a look at it for you.

Jambla

**xpguy** · 11-15-2008, 02:50 PM

yeah you shouldn't use ie5, you should concentrate on the following:

ie6 & ie7
firefox 2, 3 & minefield
safari 1 & 2
opera

I have a mac so i can install multiple versions and have like 3 other browsers to test in but thats because my job is making websites but yeah don't use ie5 it will be a valuable waste of your time since barely anyone will use it, i don't think educational institutions will even use it.

**Moondreamer** · 11-15-2008, 05:54 PM

Jambla,

Thanks for the offer to take a look at it, that would be great!

For the niche we are targeting I think it would be worth the time to get it figured out.

Thanks again!

**jambla** · 11-15-2008, 11:38 PM

Hello Moondreamer,

Can you send me the url so I can see the page with the images etc...

Thanks,
Jambla

**wayfarer07** · 11-16-2008, 02:06 PM

Usage of IE5 is so minimal, that Yahoo only sends HTML and images to it, which means no CSS or behavior (JavaScript). I always recommend that people that people examine Yahoo's graded browser support before determining what browsers they will support: http://developer.yahoo.com/yui/articles/gbs/

Unless your niche is in a third-world country, it is highly unlikely that you will need to support IE 5 or IE 5.5

**Moondreamer** · 11-18-2008, 10:43 AM

Thanks Jambla, will be sending you the URL

**Moondreamer** · 11-18-2008, 10:44 AM

Did I mention that I appreciate all your input? Now I can send Jambla a PM

**jambla** · 11-18-2008, 11:08 AM

Just got your PM. I will have a look at your code.

Jambla

**jambla** · 11-18-2008, 01:10 PM

Hello Moondreamer,

I took a look at your code and tried a few things. Most things I tried gave me another few little bugs but I was able to correct 95% of the problem the only problem that remains is in IE5 the main menu is about 4px or 5px to the right. It doesn't look that bad.

Your code:

Code:

<a href="contact.html"><font color="#333333">Contact</font></a></li>
<li style="border:none;">
<font color="#333333">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbs p;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&n bsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbs p;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp ;
</font>
<a href="http://www.jillssound.com" target="blank"><font color="#333333">www.JillsSound.com</font></a></li>

New Code:

Code:

<a href="http://www.acowgirlsfetish.com/contact.html">
<font color="#333333">Contact</font></a></li>
<li style="border: medium none ;">
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<a href="http://www.jillssound.com/" target="blank">
<font color="#333333">www.JillsSound.com</font></a></li>

Let me know if you need more help with this.
Jambla

**Moondreamer** · 11-18-2008, 06:00 PM

Thanks jambla!