Who can help me out?

Hello, everybody. Here’s my website~~http://mydreampark.com. Since I am a green hand at using CSS to design my website. I have got two problems at present.

  1. How can I make the last item of my navigation bar on one single line rather than now half of it begins with a new line? I know there must be something wrong with my CSS design. But I can’t figure out what it is. Help me.

  2. Another problem’s that when I resize my IE window~make it small instead of full, I can see this : which I think is terribly nasty-looking. I want to have a horizontal scroll bar when I resize. Who can tell me how I can do it?

I would be very much appreciated if you can kindly do me this favour.
Chihuyu

THank you. The problem has been tackled.

Hi chihuyu! Welcome to SitePoint. :slight_smile:

One thing you can do is set a width on the UL. E.g.

#navigationbar ul {
    width:850px;
}

If I make my browser viewport wider than yours, the main article flows out of the box and over to the right. Then the pale pink text becomes unreadable over the pale blue background.

As you have given bodyS a fixed width, you should give article a fixed width too. Use width 700px to cure this problem.

Currently it looks as if you need a navigationbar ul of width 950px (as well as setting bodyS to 950px)

But why on earth have you given your navigationbar ul a height of 9999px???
And really it should be the navigationbar that has a width set, not the navigationbar ul.