asked on

How to limit the horizontal scroll when visitng a website

How can you limit the horizontal scroll when someone visits your website? If you go to cnn.com
or apple.com or http://www.marketwatch.com for example there is no horizontal scroll bar at all. Some sites have horizontal scroll bars, but you can only scroll to the right about a half an inch.

I ask this because I have created a website. The website has a banner image that is
1260 x 170 pixels. It looks good, but when viewed in a browser, their is a horizontala scroll bar that allows the application user to scroll horizontally to the right by about two inches.

Also if the website is viewed on a really wide screen, the end of the banner image is visible and looks too short.

ASKER CERTIFIED SOLUTION

Badotz

membership

This solution is only available to members.

To access this solution, you must be a member of Experts Exchange.

Start Free Trial

brgdotnet

ASKER

I think you meant "overflow: hidden"

I tried that and "overflow: auto; "

but they are not working. With "overflow: auto" I get scroll bars embedded in my web page that are not part of the browser. So the problem is still unsolved.

brgdotnet

ASKER

I want to add more points for this question. I don't see a link to edit the question and to increase the points, so I will delete this question and re-post it with some sample source code. So if anyone has a solution, please respond to my new question.

brgdotnet

ASKER

Badotz, you are correct. I mad a mistake and told you it was wrong. But your solution does work. Thank you!

Badotz

No worries - glad to help.