CODEWITHSUNDEEP
cssalignment
Greg
Greg

Reputation: 3063

CSS menu right alignment issue

I'm experiencing an issue with my website ( http://goo.gl/Di4jX ) Issue: I can't get the menu aligned to the right (2% from the right side of the page). "I tried float: right" but when I do that the menu items are in the wrong order. Is there a way to fix this? Many thanks for your help Greg

Upvotes: 1

Views: 983

Answers (2)

Satya Teja
Satya Teja

Reputation: 616

You can achevie it simply by reducing the right of container or reduce the width of that ul

for example css:-

#nav {
    float: right;
    list-style: none outside none;
    position: fixed;
    right: 2%;
    top: 30px;
    width: 43%;
}

or

#nav {
    float: right;
    list-style: none outside none;
    position: fixed;
    right: -5%;
    top: 30px;
    width: 50%;
}

apply these style if it is acceptable for you.

Upvotes: 1

Calvein
Calvein

Reputation: 2121

It works with this :

#nav {
    right: 2%;
    list-style: none;
    position: fixed;
    /* float: left; useless with position fixed*/
    top: 30px;
    /* width: 50%; */
}

#nav > li {
    display: inline-block;
    /* dirty hack for IE7 */
    *display: inline;
    *zoom: 1;
}

Upvotes: 1

Related Questions