Horizontal Navigation IE7 Nightmare

HTML & CSS
1

Hi Guys,

I’m hoping someone can help me out here. My navigation style works
perfectly in firefox, safari & chrome but is way out of place in ie7.

My css is as follows;




/* navigation
---------------------------------------------------------- */


nav {
    position: absolute;
    right: 75px;
    line-height: 150px;
}

header li
{
    display: inline;
    list-style-type: none;
    padding-right: 30px;
}

a:link, a:visited {
    text-transform: uppercase;
    font-size:14px; 
    font-family:Arial, Helvetica, sans-serif; 
    color: white;
    opacity: 70%;
    opacity:0.70;
    filter:alpha(opacity=70);
    text-decoration:none;
    outline:none;
}

a:hover, a:active  {
    text-transform: uppercase;
    color:#666666;
    text-decoration:underline;
    outline:none;
}

In all other browsers the menu sits inline to the top-right
of the page. In ie7 however, it is sitting top-left…
Hope you guys can help. Cheers.

Here is the link: http://www.castorvolando.com

2

Hi,

You’ve missed the closing bracket from both your images in the html. Add the bracket and then also remove the IE7 styles as they are not needed.



nav ul {list-style:none;}


nav li {display:inline;}
nav li a {
    float:right;
    line-height: 150px;
}


nav {
    position: absolute;
    right: 75px;
    line-height: 150px;
}

header li
{
    display: inline;
    list-style-type: none;
    padding-right: 30px;
}

Remove the above from the iE7 stylesheet.

Add a closing bracket to these images.


 <img id="logo" src="http://www.castorvolando.com/images/logo.png">



<img src="http://www.castorvolando.com/images/bg.jpg">

Don’t mix the case of your elements. Keep them all lower case.

3

Hi,

Welcome to Sitepoint :slight_smile:

We’ll need some html to go along with that so that we can see a working example or you could post a link if you have this online?

Are you using html5?

4

Hi Paul O’B,

I’ve just added a link. Hope this helps. Yeah I’m trying
to do it in html5. Maybe this is the root of my problem?

5

Thanks a mill Paul O’B. That’s done the trick.
Rookie mistake on my part :slight_smile:

Cheers,
M