Aligning..., Alignment prob. Options

[sassypersian99]

ok. so heres the deal. i tried making the blog body width smaller, but it dint really work, unless i was doing the wrong thing. who knows. heres the site... Go here
and heres the code!

<!-- begin code provided by createblog.com --><br /><!-- begin code provided by createblog.com --><br /><img src="http://img466.imageshack.us/img466/558/atouchofclass29hx.jpg" border="0" width="775"/><br /><!-- end code provided by createblog.com --><br /><br /><!-- begin code provided by createblog.com --><br /><div style="<br />overflow: auto;<br />width: 409px;<br />height: 330px;<br />margin-top: -460px;<br />margin-left: -350px;"> <br /><!-- end code provided by createblog.com --><br /><br /><br /><br /><br /><!-- begin code provided by createblog.com --><br /><style type="text/css"><br />.#rblEprops{display:none;}<br />#pnlEnabled table, #htmleditor, #lblTimeZone, #pnlEprops, #rblEprops <br />/* width of the comment page */<br />{width:245px;}<br />.leftmoduletitlebar, .leftmoduleborder, .leftmoduleinterior, table.left, table.left TH, table.left TD, table.navigation, table.footer <br />{display: none;} <br /></style><br /><!-- end code provided by createblog.com --><br /><br /><br /><br /><br /><br /><br /><br /><br /><!-- begin code provided by createblog.com --><br /><style type="text/css"><br />/*Touch of Class*/<br />/*by Godslillangell*/<br />body {<br />background-image:url;<br />background-repeat: repeat-y-x;<br />background-color: #000000;<br />scrollbar-face-color: #000000;<br />scrollbar-shadow-color: #000000;<br />scrollbar-highlight-color: #000000;<br />scrollbar-3dlight-color: #000000;<br />scrollbar-darkshadow-color: #000000;<br />scrollbar-track-color: #000000;<br />scrollbar-arrow-color: #aeae00;<br />}<br /><br />#rblEprops, #pnlEnabled table, #pnlEprops table { <br />width: auto !important; <br />}<br /><br />table.blogbody {<br />width:409px;<br />font-family: Arial;<br />font-weight: none;<br />font-size: 12pt;<br />color: #ffffff<br />text-align: justify;<br />padding: 0px;<br />margin-top: 2px;<br />}<br />div.smalltext{<br />width: 409px;<br />padding: 3px;<br />text-align: left;<br />}<br />.caption, .blogheader {<br />width: 380px;<br />padding: 3px;<br />font-family: dragonwick;<br />font-size: 16pt;<br />text-align: center;<br />color: #ffffff;<br />background-color: transparent;<br />text-transform: lowercaps;<br />margin-top: 10px;<br />}<br /><br />P, B, I, TD, TH <br />{font-family: dragonwick; color: #ffffff; font-size: 8pt; }<br />A:link, A:visited, A:active<br />{color:#808080; text-decoration:none; font-size:8pt;}<br />a:hover<br />{text-decoration: strikeout; color:#808080; font-size: 8pt; );}<br />b, strong, i, u, {<br />/* edit colors when bold italic underline */<br />font-family: arial;<br />font-size: 8pt;<br />color: #aeae00;<br />font-weight: bold; <br />text-transform: lowercaps;<br /></style><br /><!-- end code provided by createblog.com --><br /><!-- end code provided by createblog.com -->

Im not exactly sure how to get rid of horizontal scrollbar... and there is a random horizontal bar below the bog also...thats not aligned....

Thanks.

[ckling]

It should be the problem of here:

.caption, .blogheader {
width: 300px;}

try to make it smaller.

[talcumpowder]

First of all, your content exceds the limit anyways. So put it in a textarea or something. Then fix it, if it needs fixing.

[YourSuperior]

To remove the horizontal scroll bar just edit your div and change overflow: auto to overflow-x: hidden. So that means your div would look like this:

CODE

<div style="
overflow-x: hidden;
width: 409px;
height: 301px;
margin-top: -460px;
margin-left: -325px;">