i keep getting a horizontal scrollbar - CSS forum at WebmasterWorld - WebmasterWorld

Forum Moderators: not2easy

Message Too Old, No Replies

i keep getting a horizontal scrollbar

justnikki

7:25 am on Sep 27, 2009 (gmt 0)

10+ Year Member

I'm having trouble getting rid of the horizontal scrollbar that happens to appear if my text table is past the browser size. My screen resolution is 1024x768 and I would find it rather annoying if someone else were to see the horizontal screenbar if they're using the same screen resolution as me.

<style type="text/css" >
body { font-family: arial; }
p{ font-size: 0.7em; color: #432a0d; letter-spacing: 1px;
font-style: normal;}

#sq1 {

position:absolute;
left:0%;
top:0%;
}

#sq2 {

position:absolute;
left:100%;
top:0%;
}

#sq3 {

position:absolute;
left:100%;
top:0%;
}

#sq4 {

position:absolute;
left:100%;
top:0%;
}

#maincontent {

position: absolute;
width:245%;
overflow:visible;
top:380px;
left:-695px;
background-color: #000000;

}

</style>
</head>
<body>
<body bgcolor="#91d96d">

<body background="nmbkgd.jpg"></a>

<div id="sq1"><img src="nm1.jpg">
<div id="sq2"><img src="nm2.jpg" usemap="#map" border="0">

<map name="map">
<area shape="rect" coords="14,355,40,363" href="ahtmltest.htm" ALT="clear" OnMouseOver="window.status=''; return true">
<area shape="rect" coords="54,355,174,363" href="designer.htm" ALT="clear" OnMouseOver="window.status=''; return true">
<area shape="rect" coords="188,355,265,364" href="" ALT="clear" OnMouseOver="window.status=''; return true">
<area shape="rect" coords="278,355,355,364" href="" ALT="clear" OnMouseOver="window.status=''; return true">
<area shape="rect" coords="369,356,413,365" href="" ALT="clear" OnMouseOver="window.status=''; return true">

<div id="sq3"><img src="nm3.jpg">
<div id="sq4"><img src="nm4.jpg">

<div id="maincontent">
<p>MY TEXT GOES HERE

</p>

</body>
</html>

benevolent001

8:15 am on Sep 27, 2009 (gmt 0)

WebmasterWorld Senior Member

10+ Year Member

You have set width width:245%; this will make it broader , change it to 100% or less and you will not have horizontal scrollbar.