Question

I’m trying to solve the logic of user interfaces for a while. Completely new as you can imagine, and still digging into CSS stuff.

I’m trying to create a “bar type” menu where the inner part has a fixed width, with logo on the left and menu items on the right. Here is a picture to tell you what I mean:

Here is how far I’ve gone:
http://cssdeck.com/labs/31sxhkiv

The problem is: I have no idea about how I should put the menu items up there to the right of the loating center-part of the bar.. I’ve tried floating them to the right (the order changes) and giving them an absolute value… none of them helped.

I’m sure I’m missing a point, so wanted to give SO a shot about this!

Answer 1

#content{
    background-color: gray;
    height: 25px;
    width: 600px;
    margin-left: auto;
    margin-right: auto;
    position:relative;    /* ADD THIS LINE */
}
#menu{                    /* ADD THIS STYLES */
    position:absolute;
    right:0px;
    top:0px;
}