How do I position my navigation?

[ngaisteve1]

Hi, before I ask for help, I just want to thank Paul O'B. I got that 3 column css template from his website, http://pmob.co.uk/

The problem I facing now is, I tried to position (by changing the margin property in id="globalnav" in mystyle.css) in my top navigation link (Home, Contact Me, History) to the right but when I did that, the horizontal width of the page 'force' to increase until the horizontal scrollbar appear. That's why I leave it as it is now on the left.

My page is in www.findingsteve.net.

The location I want to put that navigation link is at the right top corner of the main white content area (as shown in attached print screen).

[Dr John]

#globalnav LI {
float:right;
margin:0;
padding:0;
}

( it's currently float left)

[ngaisteve1]

No, it doesn't work. I tried that before.

[samanime]

Put the menu and that center area in the same parent (so, basically, put the menu in the same parent right above your content) and then float:right.

Move it into the "content2" div, right below that tag. Then, remove the padding from #globalnav (or at least the vertical padding) and set it's background to match that of your main background. And that should do it.

[ngaisteve1]

I thought about putting it inside content2 also. Ok, I will give it a try. Thanks.

[ngaisteve1]

#globalnav LI {
float:right;
margin:0;
padding:0;
}

( it's currently float left)

It works. Thanks. Sorry, the one I tried is #globalnav

I didn't see what you meant is #globalnav LI

Actually, what is the meaning of #globalnav LI?

samanime, I have put it inside content2 already. It works.

[LJK]

Hi -
#globalnav references the id of the division your unordered list has been placed into.

So, #globalnav li refers to any list item within that division.

[Might want to change it to lowercase since that's what the html tag is - <li>.]

Good luck,
El

[ngaisteve1]

I see. Ok, thanks.