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.
Attached is sample banner image, and a css file(Renamed to .txt file so that I could upload it to this forum). Although if you remove the reference to the banner image, you will see that the problem still exists.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<head id="Head1" runat="server">
<link rel="stylesheet" href="css/mainster.css" type="text/css" media="screen" charset="utf-8" />
<body id = "twoColLayout">
<div><img id="Img1" src="images/GMRBanner.jpg" runat="server" alt="" width="1260" height="170" /></div>
</div> <!-- Wrapper Div -->