blech, horizontal scrollbar on blog, erm...help? Options

[centaur_passion]

I'd really like to get rid of that, but the code I normally use isn't working. This is my code so far, any way to resize the blog so it fits in the space without the scrollbar?

<!-- begin code provided by createblog.com --><br /><STYLE type="text/css"><br />/*Avril Lavigne, Jojo, Hilary Duff, and Lindsay Lohan - (c) centaur_passion for mr_hairy_2005*/<br /><!--<br />BODY <br />{ <br />  direction:;<br />  background-attachment:fixed; <br />  scrollbar-arrow-color: 6787B9;<br />  scrollbar-track-color: CDE3F6;<br />  scrollbar-face-color: CDE3F6;<br />  scrollbar-highlight-color: C7E0F6;<br />  scrollbar-3dlight-color: A5C7EA;<br />  scrollbar-darkshadow-color: 214B8A;<br />  scrollbar-shadow-color: 6787B9;<br />}<br />--><br /></STYLE><br /><br /><a href=http://www.xanga.com/private/SubscribeTo.aspx?user=mr_hairy_2005>[subscribe]</a><a href=http://www.xanga.com/profile.aspx?user=mr_hairy_2005>[profile]</a><a href=http://www.xanga.com/private/>[private]</a><a href=http://www.xanga.com/CLAF>[look and feel]</a><a href=http://www.xanga.com/logout.aspx>[sign out]</a><a href=http://www.xanga.com>[xanga.com]</a><br /><br /><br /><div style="position: absolute; overflow: auto; width: 800px; height: 600px; margin-top:0px; margin-left: 0px;"><img src="http://usera.imagecave.com/xx_witchlet_xx/Requested_Stuff/lhja-layout.jpg"></div><br /><br /><br /><div style="position: absolute; overflow: auto; width: 142px; height: 369px; margin-top: -426px; margin-left: 268px;"><b>Name:</b> Daniel Ni<br><b>Country:</b> United States<br><b>State:</b> Missouri<br><b>Birthday:</b> 01/30/1990<br><b>Gender:</b> Male<br><br> <b>Interests:</b> I'm interested in what the hell you're smoking. I mean comon, how'd u end up at this site?<br><b>Expertise:</b> I'm especially good at farting and resting. I'm also considered one of the best pop singers in the world.<br><br><b>Email Me: </b><a href=http://www.xanga.com/senduser.aspx?user=Mr_Hairy_2005>[click]</a><br><b>Website: </b><a href=http://www.xanga.com/Mr_Hairy_2005>[click]</a><br><b>AIM: </b><a href=aim:goim?screenname=Mr+Hairy+2005>[click]</a><br><br><center><b>Subscriptions</b></center><br /><a href=http://www.xanga.com/home.aspx?user=centaur_passion>centaur_passion</a><br><a href=http://www.xanga.com/home.aspx?user=deathbypapercutz>deathbypapercutz</a><br><a href=http://www.xanga.com/home.aspx?user=HEE_HEE_BOO>HEE_HEE_BOO</a><br><a href=http://www.xanga.com/home.aspx?user=iMehMow>iMehMow</a><br><a href=http://www.xanga.com/home.aspx?user=josh21409>josh21409</a><br><a href=http://www.xanga.com/home.aspx?user=kaRoKumi>kaRoKumi</a><br><a href=http://www.xanga.com/home.aspx?user=KungfuYew>KungfuYew</a><br><a href=http://www.xanga.com/home.aspx?user=lil_kewp>lil_kewp</a><br><a href=http://www.xanga.com/home.aspx?user=MeADuckieDuck>MeADuckieDuck</a><br><a href=http://www.xanga.com/home.aspx?user=orraya>orraya</a><br><a href=http://www.xanga.com/home.aspx?user=Poetic_Soul_11090>Poetic_Soul_11090</a><br><a href=http://www.xanga.com/home.aspx?user=poke_poke_uh_oh>poke_poke_uh_oh</a><br><a href=http://www.xanga.com/home.aspx?user=pyxsis>pyxsis</a><br><a href=http://www.xanga.com/home.aspx?user=ShtickChick>ShtickChick</a><br><a href=http://www.xanga.com/home.aspx?user=skateforlife90>skateforlife90</a><br><a href=http://www.xanga.com/home.aspx?user=smoke_mirror>smoke_mirror</a><br><a href=http://www.xanga.com/home.aspx?user=wisterian_jealousy>wisterian_jealosy</a><br /><br /><br /></div><br /><br /><div style="position: absolute; overflow: auto; width: 310px; height: 518px; margin-top: -490px; margin-left: 451px;"><br /><br /><style type="text/css"><br />table.navigation, table.footer {display: none;}<br /></style><br /><br /><br /><style type="text/css"><br />#pnlEnabled table, #htmleditor, #lblTimeZone, #pnlEprops, #rblEprops <br />/* width of the comment page */<br />{width:305px;}<br />.leftmoduletitlebar, .leftmoduleborder, .leftmoduleinterior, table.left, table.left TH, table.left TD, table.navigation, table.footer <br />{display: none;} <br /><br /></style><br /><br /><style type="text/css"><br />/* edits the date */<br />div.blogheader, .caption <br />{background-image: url();<br />background-repeat:no-repeat;<br />background-position:center;<br />font-family: Verdana;<br />text-transform:none;<br />font-size:12px;<br />font-weight:bold;<br />color:E99641;<br />letter-spacing:3px;<br />background-color:transparent;<br />text-align:left;<br />border:0px solid #COLOR CODE;}<br /><br />.blogbody b, .standard b, p b, strong {<br />/* edits bolded text in your entry */<br />font-weight: bold;<br />color:317058;}<br /><br />input, select, textarea, iframe.htmleditor, .textfield, .button {<br />/* this edits the buttons, dropdowns, etc*/<br />border: 1px solid 6787B9;<br />font:normal 10px verdana;<br />background-color: CDE3F6;<br />font-color:6787B9;}<br /><br /> table.footer TD {<br />/* this makes the footer at the bottom centered */<br />/* leave it alone unless you know what to do*/<br />text-align: center;}<br /><br />table.blogbody tr td { <br />/* this edits the left margin of blog */ <br />width:0px; <br />padding-left: 0px;} <br /><br />table.blogbody {<br />/* this edits the other the place where the  blog is */<br />background-color:transparent;<br />family-font: verdana;<br />BORDER: 0px solid;<br />width:290px;} /* <-- The width for this should be around 5-15 pixels less then the width for your blog's div layer. */ <br /><br />a:link<br />{ font-family: verdana;<br />font-weight:normal; <br />color:#3B92DA; <br />text-transform:none;<br />font-size:#10; <br />cursor:normal;}<br /><br />a:active<br />{font-family: verdana; <br />color:#3B92DA; <br />text-transform:none;<br />font-size:#10; <br />cursor:normal;}<br /><br />a:visited<br />{font-family: verdana; <br />color:#3B92DA; <br />text-transform:none;<br />text-decoration:none;<br />font-size:10pt;<br />cursor: normal;}<br /><br />A:hover {font-family:verdana;<br />color:#9EC8F0;<br />text-transform: none; <br />cursor: normal; <br />font-weight:normal;<br />font-size:#10}</style><br /><!-- end code provided by createblog.com -->

This is what the layout looks like right now: [click]

[centaur_passion]

I just noticed, the comments page is very wide also. Can anybody help me with that too, please? Thanks!

Edit: On second thought, the comment box isn't working at all. And there are big black and white boxes at the bottom. 0.o What did I do this time? I've never screwed one up this much...

[talcumpowder]

.... For overflow, add to stylesheet.

CODE

div{overflow-x: hidden;}

For the comments page... Add to stylesheet. Edit to suit needs.

CODE

textarea{width: 200; height: 200;}

edit// I have no clue what you're talking about. I don't see anything of the sort...?

[shortvi3tlaydee]

http://www.createblog.com/forums/index.php?showtopic=62326

theres the link to the horizontal line remover

[YourSuperior]

To make your blog fit, so you won't have scroll bars. All you have to do is edit the width and height of your blog space, maybe that'll work. I hope that helped

[centaur_passion]

Thanks, everybody! The overflow-x thing worked. (Yay!)
Comments are still messed up, but I talked to a few people, and it seems like it's only on my computer. A screenie of it: [click]

[YourSuperior]

You're welcome!