IE6/7 Navigation Bar problem
- Started
- Last post
- 16 Responses
- besler
http://projects.mindutopia.com/r…
In every other browser, the navigation works right and displays across that red bar. In IE 6 and 7, however, it's stacked. Any way to fix this? My styles are as follows:
#nav{
height:30px;
background:#b62939;
}#nav ul{
display:block;
float:left;
width:970px;
list-style:none;
}#nav ul li{
float:left;
display:block;
border-right:1px dotted #fff;
margin-right:10px;
}#nav ul li.last{
border:none;
margin-right:0px;
display:block;
}#nav ul li a, #nav ul li a:visited{
background:url(images/menu_bg.gi... top left no-repeat #b62939;
height:30px;
display:block;
}#nav ul li a:hover{
background:url(images/menu_bg_ho... top left no-repeat #b62939;
height:30px;
display:block;
}
- besler0
Anyone? England-USA is over...
- SPECTACULAR0
IT LOOKS OKAY IN FIREFORX! I DONT SEE YOUR PROBLEM YOUR DESCRIBEING!!! PLEASE PRVIDE THE LINK AND SOURCE CODES
- d_rek0
Hola fellow Michigander! What's the whether doin on the west side of the state? Looks shitty over here right now? (about an hour north-east of Detroit on st.clair river)
- besler0
I think it's something to do with the display:block property, any ideas?
- prophet0
i'm half asleep right now but is this one required?
#nav ul li a, #nav ul li a:visited{
background:url(images/menu_bg.gi... top left no-repeat #b62939;
height:30px;
display:block; <---------------------
}
- besler0
Damn it. Yes it is required.
- besler0
Is there a way to not have a display:block for IE browsers?
- besler0
Got it working. Had to do a display:inline-block for my IE stylesheet. Never had this problem before; weird.
Thanks for the help!
- prophet0
<link rel="stylesheet" type="text/css" href="/primary.css" />
<!--[if IE]>
<link rel="stylesheet" type="text/css" href="/secondary.css" media="screen" />
<![endif]-->
- utopian0
IE 6 LMAO, GOOD LUCK WITH THAT....
- Yep, i know. Updated version at therddc.com.besler
- If anyone has any ideas on how to fix that, I'm all ears...pain in the ass IE 6.besler
- * html * {display:none}seeessess
- acescence0
display:block for the ul and li's is redundant, they're block level elements to begin with. floating the ul is also not necessary, since it's positioned by the div, that may be the source of your IE woes
- vwsung18t0
add width to "a" selector
- boobs0
IE 6? I thought that was just for poor people.
- prophet0
The poorest 40 percent of the world’s population accounts for 5 percent of global income and 80% of Internet Explorer users. The richest 20 percent accounts for three-quarters of world income and 98% of the world's iPad users.