Horizontal Scrollbar Options

[hyperchick]

I've made a new layout for the new year's comin' up =) (Click) There's a horizontal scrollbar for the blog though...Any idea why and how I could fix that? I could live with a horizontal scrollbar..but it's just annoying

[MewxIchigo]

it looks great but since u have the scrollbar might wanna think of puttin colors to the scrollbars so it match with the layout then it looks better with the scrollbar in the blog,,,

[lovescream]

it looks great but since u have the scrollbar might wanna think of puttin colors to the scrollbars so it match with the layout then it looks better with the scrollbar in the blog,,,

She did not ask for some advice on what to do, she asked of how to get rid of the horizontal scrollbar. If she was asking on advice about her layout, then this would be somewhere else.

To remove the horizontal scrollbar, you're going to have to make the width of your blog a little smaller.

[Moses]

To remove the horizontal scrollbar, you're going to have to make the width of your blog a little smaller.

Also, if it is possible, try and make the width of you block "textarea" bigger. It doesn't seem like much scrolling action going on there ,so im guessing it wont interfear(sp?) with you layout stars stuff.

[hyperchick]

Thanks for the replies. Yes, the scrollbars did not match because I was still deciding the colors for them. I don't see why there is a horizontal scroll bar. I've tried moving the blog to the left, making the textarea bigger, and making the width of the blog smaller. If you look, it just makes an empty space at the right and the horizontal scrollbar is still there.

[shattered_glass]

Like spiritedfreak said, you can change the width of your blog a little skinnier. It's even posted here: http://www.createblog.com/forums/index.php?showtopic=48362

[hyperchick]

Yes, I've already tried making the blog skinnier.

Thanks for the replies. Yes, the scrollbars did not match because I was still deciding the colors for them. I don't see why there is a horizontal scroll bar. I've tried moving the blog to the left, making the textarea bigger, and making the width of the blog smaller. If you look, it just makes an empty space at the right and the horizontal scrollbar is still there.

[shattered_glass]

More skinner >_<
Show me the code.. WHAT part of the code are you making it skinnier? Surely not the thing where you move the blog, the width of the entries and date header.

[hyperchick]

CODE

<!-- begin code provided by createblog.com -->
<style type="text/css">
body {
background: E579C5 url("http://img.photobucket.com/albums/v411/hyperactivemiss/2005bg.gif");
background-attachment: no-fixed;
background-position: TOP LEFT;
background-repeat:repeat-y;
}
@font-face {
font-family: verdana;
font-style:  normal;
font-weight: normal;
}
body, td, p, font {
color:E05EBD;
font-family: verdana;
font-size: 8pt;
text-transform: normal;
}
a:VISITED {
color: #F62EC0;
text-decoration: none;
font-style: normal;
font-family: verdana;
font-size: 8pt;
text-transform: normal;
cursor: hand;
}
a:LINK {
color: #F62EC0;
text-decoration: none;
font-style: normal;
font-family: verdana;
font-size: 8pt;
text-transform: normal;
cursor: hand;
}
a:HOVER {
color: #FA8ADC;
font-style: normal;
text-decoration: none;
font-family: verdana;
font-size: 8pt;
text-transform: normal;
cursor: hand;
}
table.main {
width: 300px;
height:0px;
border-bottom: 0px solid #000000;
border-left: 0px solid #000000;
border-right: 0px solid #000000;
background-color: transparent;
}
.navigation {
display:none;
}
HR {
display:none
}
.footer {
display: none;
}
.mainleft {
display:none;
}
.blogbody {
text-align: justify;
border-top: 0px solid #000000;
border-bottom: 0px solid #000000;
border-left: 0px solid #000000;
border-right: 0px solid #000000;
background-color: transparent;
}
.blogheader {
width:300px;
text-align: left;
font-family: verdana;
font-size: 12pt;
text-transform: normal;
color: #F54393;
font-weight:bold;
background-image: url("");
}
#pnlEnabled table, #htmleditor, #lblTimeZone, #pnlEprops {
width:400px !important;
}
#rblEprops {
display:none
}
b, strong{color:#F54393;}
i, em{color:#F54393;}
u{color:#F54393;}
</style>

<style type="text/css">
<!--
body {
scrollbar-3dlight-color:EA90D2;
          scrollbar-arrow-color:D82EAA;
          scrollbar-base-color:F9DDF1;
          scrollbar-darkshadow-color:EA90D2;
          scrollbar-face-color:F1B7E0;
          scrollbar-highlight-color:F9DDF1;
          scrollbar-shadow-color:DC48B4
}
-->
</style>

<style type=text/css>
/* remove regular modules */
texttable.left, td.mainleft, table.left, table.navigation, table.search, table.footer, hr{display:none}
table.blogbody tr td {width:0px; padding: 0px;}

/* edit to your liking */
table.module { border: 0px; width:140px; background-color:transparent; text-align:justify}

table.module th { background-color:transparent;font-size: 12px;font-family: arial;  color: transparent; border: none; text-align:right; padding:0;border-bottom:0px  #FA4B60 solid; border-right :none; font-weight:bold}

table.module td {color: transparent; text-align: justify; border: medium none; background-image: url('none'); font-size:11px}
</style>

<body bgcolor="#E579C5" ondragstart="return false" onselectstart="return false" oncontextmenu="return true">

<div style="position:static; margin-left: -10px;margin-top: -94;border: 0px solid #000000;">
<img src="http://img.photobucket.com/albums/v411/hyperactivemiss/2005.jpg" border="0"></div>

<div style="overflow: auto; width: 160px; height: 490px; margin-top: -450px; margin-left: 400px;">

<table cellSpacing="2" cellPadding="1" width="143"><tr>
   <td style="BORDER-RIGHT: black 1px solid; BORDER-TOP: black 1px solid; BORDER-LEFT: black 1px solid; BORDER-BOTTOM: black 1px solid" align="center" bgColor="transparent" width="165">
<font face=verdana size=1 color=#B1318E>
<font size=3><b><u>New Year's!</b></u></font>
</td>
 </tr>
</table>
<table cellSpacing="2" cellPadding="1" width="143"><tr>
  <td style="BORDER-RIGHT: black 1px solid; BORDER-TOP: black 1px solid; BORDER-LEFT: black 1px solid;
BORDER-BOTTOM: black 1px solid" align="justify" bgColor="transparent" width="165" style="filter:alpha(opacity=100);">
<font face=verdana size=1 color=#B1318E>

<script language="JavaScript1.2">

var today = new Date;
var Future0 = new Date;

var BirthMonth = 1;
var BirthDate = 1;
var BirthYear = 2005;
BirthMonth--;

Future0.setMonth(BirthMonth, BirthDate);
if (Date.parse(today) > Date.parse(Future0))
{
Future0.setFullYear(today.getYear()+1);
age = (today.getYear() - BirthYear) + 1;
}
else
{age = today.getYear() - BirthYear;}

if (age % 10 == 0)
ageend = 'th';
else if (age % 10 == 4)
ageend = 'th';
else if (age % 10 == 5)
ageend = 'th';
else if (age % 10 == 6)
ageend = 'th';
else if (age % 10 == 7)
ageend = 'th';
else if (age % 10 == 8)
ageend = 'th';
else if (age % 10 == 9)
ageend = 'th';
else if (age % 10 == 1)
ageend = 'st';
else if (age % 10 == 2)
ageend = 'nd';
else if (age % 10 == 3)
ageend = 'rd';


var faraevent = "<font color=#99CC33><i>my birthday</font>";

today1 = Date.parse(today);
future1 = Date.parse(Future0);
secleft = future1 - today1;
miliday = 24 * 60 * 60 * 1000;
daysleft = secleft/miliday;
daysleftint = Math.round(daysleft);

if (daysleftint > 1)
document.write(" ", daysleftint, " days until <font color=#99CC33>2005</font>");
</script>

</td>
 </tr>
 <tr>
</table>

<p> <table cellSpacing="2" cellPadding="1" width="143"><tr>
   <td style="BORDER-RIGHT: black 1px solid; BORDER-TOP: black 1px solid; BORDER-LEFT: black 1px solid; BORDER-BOTTOM: black 1px solid" align="center" bgColor="transparent" width="165">
<font face=verdana size=1 color=#B1318E>
<font size=3><b><u>Links</b></u></font>
</td>
 </tr>
</table>
<table cellSpacing="2" cellPadding="1" width="143"><tr>
  <td style="BORDER-RIGHT: black 1px solid; BORDER-TOP: black 1px solid; BORDER-LEFT: black 1px solid;
BORDER-BOTTOM: black 1px solid" align="justify" bgColor="transparent" width="165" style="filter:alpha(opacity=100);">
<font face=verdana size=1 color=#B1318E>

<a href=http://www.xanga.com/profile.aspx?user=poorcookie>Read My Profile</a>
<br><a href=http://www.xanga.com/guestbook.aspx?user=poorcookie>Sign My Guestbook</a><br><a href="http://www.xanga.com/Private/SubscribeTo.aspx?user=poorcookie">Subscribe to me</a>

</td>
 </tr>
 <tr>
</table>

<p> <table cellSpacing="2" cellPadding="1" width="143"><tr>
   <td style="BORDER-RIGHT: black 1px solid; BORDER-TOP: black 1px solid; BORDER-LEFT: black 1px solid; BORDER-BOTTOM: black 1px solid" align="center" bgColor="transparent" width="165">
<font face=verdana size=1 color=#B1318E>
<font size=3><b><u>Kimbo</b></u></font>
</td>
 </tr>
</table>
<table cellSpacing="2" cellPadding="1" width="143"><tr>
  <td style="BORDER-RIGHT: black 1px solid; BORDER-TOP: black 1px solid; BORDER-LEFT: black 1px solid;
BORDER-BOTTOM: black 1px solid" align="justify" bgColor="transparent" width="165" style="filter:alpha(opacity=100);">
<font face=verdana size=1 color=#B1318E>

<p><center><a href="http://xanga.com/poorcookie"><img src="http://pe.xanga.com/ed/bf/edbf852898d657b2b1c0d9f279d444727962233.png" width="100" border="0" alt="Visit poorcookie's Xanga Site!" /></a></center>

<p><b>Name:</b> Kim Possible (not)
<br><b>Country:</b> United States
<br><b>State:</b> California
<br><b>Metro:</b> <a href="http://www.xanga.com/metros/metro.aspx?id=730" target=_blank>Orange County</a>
<br><b>Birthday:</b> 12/22/1989
<br><b>Gender:</b> Female
<p>
<b>Kim...<b>
<p>
<b>Likes</b>: Drama+Acting, Singing+Choir, writing, being hyper, staring at the computer, chatting, going to the movies & stuff w/friends, being accepted, being loved
<p>
<b>Hates</b>: Homework, mean people, fake people, being depressed, tests, failing, being alone, being rejected, being left out, school (surprise!).
<p>
<b>Expertise:</b> I'm an expert at hugging people, poking people, being hyper, being annoying, being caring, and being a bitch when I want to.
<p><b>Occupation:</b> Student
<p><b>Member Since:</b> 10/3/2004

</td>
 </tr>
 <tr>
</table>

<p>  <table cellSpacing="2" cellPadding="1" width="143"><tr>
   <td style="BORDER-RIGHT: black 1px solid; BORDER-TOP: black 1px solid; BORDER-LEFT: black 1px solid; BORDER-BOTTOM: black 1px solid" align="center" bgColor="transparent" width="165">
<font face=verdana size=1 color=#B1318E>
<font size=3><b><u>Contact</b></u></font>
</td>
 </tr>
</table>
<table cellSpacing="2" cellPadding="1" width="143"><tr>
  <td style="BORDER-RIGHT: black 1px solid; BORDER-TOP: black 1px solid; BORDER-LEFT: black 1px solid;
BORDER-BOTTOM: black 1px solid" align="justify" bgColor="transparent" width="165" style="filter:alpha(opacity=100);">
<font face=verdana size=1 color=#B1318E>

<b>AIM:</b> <img border="0" align="absmiddle" src="http://big.oscar.aol.com/HyperactiveMiss?on_url=http://www.aol.com:80/aim/gr/online.gif&off_url=http://www.aol.com:80/aim/gr/offline.gif"> <a href="aim:goim?screenname=HyperactiveMiss">HyperactiveMiss</a>
<br><b>AIM:</b> <img border="0" align="absmiddle" src="http://big.oscar.aol.com/HairFetishesRock?on_url=http://www.aol.com:80/aim/gr/online.gif&off_url=http://www.aol.com:80/aim/gr/offline.gif"> <a href="aim:goim?screenname=HairFetishesRock">HairFetishesRock</a>
<br><b>MSN:</b> <a href="http://members.msn.com/moonstar89x">moonstar89x</a>
<br><b>Yahoo:</b> <img src="http://opi.yahoo.com/online?u=reallyhyprchick&m=g&t=0" width="12" height="12" /> <a href="http://edit.yahoo.com/config/send_webmesg?.target=reallyhyprchick&.src=pg">reallyhyprchick</a>

</td>
 </tr>
 <tr>
</table>

<p>  <table cellSpacing="2" cellPadding="1" width="143"><tr>
   <td style="BORDER-RIGHT: black 1px solid; BORDER-TOP: black 1px solid; BORDER-LEFT: black 1px solid; BORDER-BOTTOM: black 1px solid" align="center" bgColor="transparent" width="165">
<font face=verdana size=1 color=#B1318E>
<font size=3><b><u>Map</b></u></font>
</td>
 </tr>
</table>
<table cellSpacing="2" cellPadding="1" width="143"><tr>
  <td style="BORDER-RIGHT: black 1px solid; BORDER-TOP: black 1px solid; BORDER-LEFT: black 1px solid;
BORDER-BOTTOM: black 1px solid" align="justify" bgColor="transparent" width="165" style="filter:alpha(opacity=100);">
<font face=verdana size=1 color=#B1318E>

<li><a href=http://xanga.com/ target=_blank>Xanga Home</a> <li><a href="http://www.xanga.com/private" target=_blank>Your Xanga</a> <li><a href="http://www.xanga.com/claf" target=_blank>Look and Feel</a> <li><a href="http://www.xanga.com/signin.aspx" target=_blank>Sign In</a> <li><a href="http://www.xanga.com/logout.aspx" target=_blank>Log Out</a> <li><a href="http://whatiscopyright.org" target=_blank>Steal?</a>

</td>
 </tr>
 <tr>
</table>

<p>  <table cellSpacing="2" cellPadding="1" width="143"><tr>
   <td style="BORDER-RIGHT: black 1px solid; BORDER-TOP: black 1px solid; BORDER-LEFT: black 1px solid; BORDER-BOTTOM: black 1px solid" align="center" bgColor="transparent" width="165">
<font face=verdana size=1 color=#B1318E>
<font size=3><b><u>My Blogrings</b></u></font>
</td>
 </tr>
</table>
<table cellSpacing="2" cellPadding="1" width="143"><tr>
  <td style="BORDER-RIGHT: black 1px solid; BORDER-TOP: black 1px solid; BORDER-LEFT: black 1px solid;
BORDER-BOTTOM: black 1px solid" align="justify" bgColor="transparent" width="165" style="filter:alpha(opacity=100);">
<font face=verdana size=1 color=#B1318E>

<a href="http://www.xanga.com/groups/group.aspx?id=557637"><b>--In Memory Of Leo Villegas--</b></a><br /><span class="smalltext"><a href="http://www.xanga.com/groups/rnp.aspx?d=p&user=poorcookie&id=557637">previous</a> - <a href="http://www.xanga.com/groups/rnp.aspx?d=r&user=poorcookie&id=557637&rnd=4332">random</a> - <a href="http://www.xanga.com/groups/rnp.aspx?d=n&user=poorcookie&id=557637">next</a></span><br /><br /><a href="http://www.xanga.com/groups/group.aspx?id=337007"><b>macarthur tigers</b></a><br /><span class="smalltext"><a href="http://www.xanga.com/groups/rnp.aspx?d=p&user=poorcookie&id=337007">previous</a> - <a href="http://www.xanga.com/groups/rnp.aspx?d=r&user=poorcookie&id=337007&rnd=8653">random</a> - <a href="http://www.xanga.com/groups/rnp.aspx?d=n&user=poorcookie&id=337007">next</a></span><br /><br /><a href="http://www.xanga.com/groups/group.aspx?id=161456"><b>Anti-Asian Pride</b></a><br /><span class="smalltext"><a href="http://www.xanga.com/groups/rnp.aspx?d=p&user=poorcookie&id=161456">previous</a> - <a href="http://www.xanga.com/groups/rnp.aspx?d=r&user=poorcookie&id=161456&rnd=2363">random</a> - <a href="http://www.xanga.com/groups/rnp.aspx?d=n&user=poorcookie&id=161456">next</a></span><br /><br /><a href="http://www.xanga.com/groups/group.aspx?id=193199"><b>x || . : s A d d L e b A c k : . || x</b></a><br /><span class="smalltext"><a href="http://www.xanga.com/groups/rnp.aspx?d=p&user=poorcookie&id=193199">previous</a> - <a href="http://www.xanga.com/groups/rnp.aspx?d=r&user=poorcookie&id=193199&rnd=7406">random</a> - <a href="http://www.xanga.com/groups/rnp.aspx?d=n&user=poorcookie&id=193199">next</a></span><br /><br /><a href="http://www.xanga.com/groups/group.aspx?id=2517"><b>easily amused</b></a><br /><span class="smalltext"><a href="http://www.xanga.com/groups/rnp.aspx?d=p&user=poorcookie&id=2517">previous</a> - <a href="http://www.xanga.com/groups/rnp.aspx?d=r&user=poorcookie&id=2517&rnd=7203">random</a> - <a href="http://www.xanga.com/groups/rnp.aspx?d=n&user=poorcookie&id=2517">next</a></span><br /><br /><a href="http://www.xanga.com/groups/group.aspx?id=5994"><b>no, i'm not sarcastic...</b></a><br /><span class="smalltext"><a href="http://www.xanga.com/groups/rnp.aspx?d=p&user=poorcookie&id=5994">previous</a> - <a href="http://www.xanga.com/groups/rnp.aspx?d=r&user=poorcookie&id=5994&rnd=5507">random</a> - <a href="http://www.xanga.com/groups/rnp.aspx?d=n&user=poorcookie&id=5994">next</a></span><br /><br /><a href="http://www.xanga.com/groups/group.aspx?id=24877"><b>White washed Asians!</b></a><br /><span class="smalltext"><a href="http://www.xanga.com/groups/rnp.aspx?d=p&user=poorcookie&id=24877">previous</a> - <a href="http://www.xanga.com/groups/rnp.aspx?d=r&user=poorcookie&id=24877&rnd=5714">random</a> - <a href="http://www.xanga.com/groups/rnp.aspx?d=n&user=poorcookie&id=24877">next</a></span><br /><br /><a href="http://www.xanga.com/groups/group.aspx?id=19555"><b>-People wHo tYzYpE lYkE dIsH Should Die-</b></a><br /><span class="smalltext"><a href="http://www.xanga.com/groups/rnp.aspx?d=p&user=poorcookie&id=19555">previous</a> - <a href="http://www.xanga.com/groups/rnp.aspx?d=r&user=poorcookie&id=19555&rnd=811">random</a> - <a href="http://www.xanga.com/groups/rnp.aspx?d=n&user=poorcookie&id=19555">next</a></span><br /><br /><span class="smalltext"><a href="http://www.xanga.com/groups/default.aspx">Browse other blogrings...</a></span></td></tr></table><br />

</td>
 </tr>
 <tr>
</table>

<p>  <table cellSpacing="2" cellPadding="1" width="143"><tr>
   <td style="BORDER-RIGHT: black 1px solid; BORDER-TOP: black 1px solid; BORDER-LEFT: black 1px solid; BORDER-BOTTOM: black 1px solid" align="center" bgColor="transparent" width="165">
<font face=verdana size=1 color=#B1318E>
<font size=3><b><u>ChitChat</b></u></font>
</td>
 </tr>
</table>
<table cellSpacing="2" cellPadding="1" width="143"><tr>
  <td style="BORDER-RIGHT: black 1px solid; BORDER-TOP: black 1px solid; BORDER-LEFT: black 1px solid;
BORDER-BOTTOM: black 1px solid" align="justify" bgColor="transparent" width="165" style="filter:alpha(opacity=100);">
<font face=verdana size=1 color=#B1318E>

<div style="overflow: auto; width: 130px; height: 200px">
<!-- Flooble chatterbox for poorcookie start -->
<script language="javascript"> var chatterbox = 'no'; </script>
<script language="javascript" src="http://chatter.flooble.com/chatter.php?js=true&id=poorcookie&sid=1885977">
</script><noscript>
<a href="http://chatter.flooble.com/chatter.php?id=poorcookie&sid=1885977&popup=true&w=480&h=400"
target="flooblechatterbox"
onClick="window.open('about:blank','flooblechatterbox','toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=yes,re
izable=no,copyhistory=no,width=480,height=400');return true;">
<img src="http://img.flooble.com/images/chatter/chaticon.gif" border="0"
align="absbottom">Talk</a>
in my <a href="http://chatter.flooble.com/">flooble chatterbox, a free javascript chat tag board / shoutbox / tagboard program for your xanga, diary, blogger or weblog</a> |
<a href="http://www.avatarity.com/">forum avatar graphics</a>
</noscript>
<script language="javascript"> if (!chatterbox || chatterbox != 'ok') {
document.write('This <a href="http://chatter.flooble.com/">flooble chatterbox</a> is');
document.write(' temporarily unavailable. It will be back up shortly.'); } </script>
<!-- Flooble chatterbox for poorcookie end -->
</div>

</td>
 </tr>
 <tr>
</table>

</table>
</div>

<div style="position: static; overflow: auto; width: 382px; height: 500px; margin-top: -495px; margin-left: -5px;">

<!-- end code provided by createblog.com -->

Maybe I haven't been changing the right number. Could you point out what I'm supposed to change? =P

[largosama]

or just put overflow-x:hidden; into the style of the div that shows the horizontal scrollbar

[hyperchick]

Oooh, the overflow-x:hidden sure is spiffy. The only bad thing is it messed up the ad or something O_o

[shattered_glass]

Oooh, the overflow-x:hidden sure is spiffy. The only bad thing is it messed up the ad or something O_o

When I tried that it took out ALL the scrollbars and messed up everything O_O

[hyperchick]

When I tried that it took out ALL the scrollbars and messed up everything O_O

It works fine on mine...but the ad is smack dab in the middle...and it's cut in half too! lol... Ah, so much trouble over one horizontal scroll bar eh =P

EDIT: WOW. Lol. I think I fixed it! I stuck overflow-y:scroll into it. Can anyone look at it and tell me if there is still a horizontal scroll bar anymore?

[whomps]

It works fine on mine...but the ad is smack dab in the middle...and it's cut in half too! lol... Ah, so much trouble over one horizontal scroll bar eh =P

EDIT: WOW. Lol. I think I fixed it! I stuck overflow-y:scroll into it. Can anyone look at it and tell me if there is still a horizontal scroll bar anymore?

Looks good.. there's no ad or anything.

Question answered, Topic Closed.