Unwanted horizontal scrollbar... Options

[*ainami*]

So if you take a look at my xanga [click] there is this nasty horizontal scrollbar. I can't figure out how to get rid of it, so can anyone help me with this?

[talcumpowder]

Change the width of your table.blogbody property and your div.blogheadr, .caption property. Make sure they're the same appox. width.

[YourSuperior]

So if you take a look at my xanga [click] there is this nasty horizontal scrollbar. I can't figure out how to get rid of it, so can anyone help me with this?

In your div, change overflow:auto; to overflow-x: hidden;. So that means your div code would look like this:

HTML

<DIV STYLE="MARGIN-TOP: -350px; MARGIN-CENTER: 50px; MARGIN-RIGHT: -10px;WIDTH: 400px;OVERFLOW-X: HIDDEN; HEIGHT:280px;">

[*ainami*]

I've tried what each of you said, but it still seems to be there. It's starting to really irk me...

[YourSuperior]

^The code that I gave you works for me, see:

{http://xanga.com/createblog_test}

[talcumpowder]

Did you by any chance edit the look of the entry footers with div.smalltext or .smalltext? That needs to be set to a fixed width too.

[YourSuperior]

You had a lot of crap in your stylesheet. I fixed it up a bit for you, to save you the trouble.

<!-- begin code provided by createblog.com --><br /><script language=javascript><br />document.title=('I'm going slightly mad...')<br /></script><br /><br /><br /><style type=text/css><br />BODY, P, TD {<br />font: 8pt arial; <br />color: #000000; <br />line-height:15px;<br />letter-spacing:0pt;<br />word-spacing: 5px;<br />font-weight: normal;<br />}<br />.blogbody {font-size:8pt; text-align: justify; width: <br />300px; line-height:15px; <br />}<br />.blogheader {font-family:arial; color: <br /> #000000; font-size: 8pt; text-transform: <br /> none; <br /> letter-spacing: 0px; text-align: center;<br />}<br />.caption, .blogheader {<br />/* edits the dates */<br />   background-color: #transparent;<br />  font: 11pt georgia;<br />  font-weight: bold;<br />  text-transform: lowercase;<br /> font-color: #000000;<br />   text-align: center;<br />  line-height: 100%;<br />  width:400px;<br />}<br />#pnlEnabled table, .htmleditor{ <br />width:100%; <br />}<br />.mainleft{ <br />display:none;<br /> }<br />input, option, select{<br /> font-family: arial;  font-size:8pt;<br /> color:#000000; background:#FFFFFF;<br />}<br />#pnlEnabled table, #htmleditor, #lblTimeZone, <br />#pnlEprops, #rblEprops{ <br />width: 400px;<br />}<br />P, B, I, TD, TH {<br />font-family: arial; <br />color: #000000; <br />font-size: 8pt; <br />}<br />a:link{<br />font: normal 8pt arial;<br />color: #663366;<br />line-height: 8pt;<br />text-transform: none;<br />text-decoration: none;<br />}<br />a:active<br />{font: normal 8pt arial;<br />color: #999999;<br />line-height: 10pt;<br />text-transform: none;<br />text-decoration: underline overline;<br />}<br />a:visited<br />{font: normal 8pt arial;<br />color: #999999;<br />line-height: 10pt;<br />text-transform: none;<br />text-decoration: none;<br />}<br />a:hover <br />{font: normal 8pt arial;<br />color:#999999;<br />line-height: 10pt;<br />text-transform: none;<br />text-decoration: underline overline;<br />}<br />body {<br />background-color: #000000; <br />SCROLLBAR-FACE-COLOR: #000000;<br />SCROLLBAR-HIGHLIGHT-COLOR: #FFFFFF; <br />SCROLLBAR-SHADOW-COLOR: #666666; <br />SCROLLBAR-3DLIGHT-COLOR: #999999; <br />SCROLLBAR-ARROW-COLOR: #FFFFFF; <br />SCROLLBAR-TRACK-COLOR: #999999;<br />SCROLLBAR-DARKSHADOW-COLOR: #000000;<br />}<br />hr {<br />display:none;<br />}<br />.leftmoduletitlebar, .leftmoduleborder, <br />.leftmoduleinterior, table.navigation, <br />table.footer{<br />display: none;<br />}<br /></style><br /><div align="center"><br /><br /><MAP NAME="imgmap"><br /><AREA SHAPE=RECT COORDS="43,303,99,312" <br /><br />HREF="http://www.xanga.com/private/home.aspx"><br /><AREA SHAPE=RECT COORDS="113,303,206,312" <br /><br />HREF="http://www.xanga.com/private/subs.aspx"><br /><AREA SHAPE=RECT COORDS="220,304,247,312" <br /><br />HREF="http://www.xanga.com/CLAF/default.asp"><br /><AREA SHAPE=RECT COORDS="263,304,346,312" <br /><br />HREF="http://www.xanga.com/private/SubscribeTo.aspx?use<br /><br />r=insanityislaughing"><br /><AREA SHAPE=RECT COORDS="359,304,396,312" <br /><br />HREF="http://www.xanga.com/signin.aspx"><br /><br /><AREA SHAPE=RECT COORDS="411,304,450,312" <br /><br />HREF="http://www.xanga.com/logout.aspx"><br /><br /></MAP><br /><br /><IMG <br /><br />SRC="http://www.boomspeed.com/toofunni4u/Queenlayoutnorm.jpg" border=0 width=500 height=700 USEMAP="#imgmap"><br /><br /></div><br /><div align=center><br /><DIV STYLE="MARGIN-TOP: -350px; MARGIN-CENTER: 50px; MARGIN-RIGHT: -10px;WIDTH: 400px;OVERFLOW-X: HIDDEN; HEIGHT:280px;><br /><!-- end code provided by createblog.com -->

[*ainami*]

Oh wow. That wasn't necessary, thanks a bunch! I'm pretty bad with coding and everything so that was a big help.

But when I look at my xanga with mozilla and in IE, it doesn't show any scroll bar at all, the text just goes down the page and looks really bad.

So do you know how to fix that?

Sorry for all the trouble.

[YourSuperior]

^The page looks perfect for me in both browsers. Here's a Firefox and an Internet Explorer screenshot.

Firefox
*thumbnailed


Internet Explorer
*thumbnailed

[aznvietboi101]

-_-" i edited this 4 times...cuz i made it look stupid all 4 times.... grrrr... yea it looks fine on my internet

[YourSuperior]

-_-" ur site looks nice

^Please don't spam. Your post has absolutely nothing to do with the topic. Read the community guidelines. http://www.createblog.com/forums/index.php?showtopic=970

Do you know the code for scroll boxes to make scroll boxes?

CODE

<div style='overflow:auto;width:500;height:500; color:#3399CC; font-size:16pt; font-weight:regualr; font-family:arial narrow; background-color:black; border: 5px #FFFFFF hallow;'>layout codes here</div>

[aznvietboi101]

sry... i was asking a questiong but it seemed irrevalent so i changed it so i didn't look stupid but i changed it again -_-" lol