blog postioning Options

[squeex3]

can someone help me position my blog please?

here is my xanga .. i want to move the blog back to the left a bit (just so it doesn't overlap the other text) ..

here is my html ..

CODE

<style type="text/css">
.#rblEprops{display:none;}
#pnlEnabled table, #htmleditor, #lblTimeZone, #pnlEprops, #rblEprops
/* width of the comment page */
{width:245px;}
.leftmoduletitlebar, .leftmoduleborder, .leftmoduleinterior, table.left, table.left TH, table.left TD, table.navigation, table.footer
{display: none;}
</style>

<style type="text/css">
/*Name of Your Skin*/
/*by YOU*/
body {
background-image:;
background-repeat: repeat-y-x;
background-color: #242424;
scrollbar-face-color: #ffffff;
scrollbar-shadow-color: #888888;
scrollbar-highlight-color: #000000;
scrollbar-3dlight-color: #ffffff;
scrollbar-darkshadow-color: #000000;
scrollbar-track-color: #ffffff;
scrollbar-arrow-color: #000000;
}

#rblEprops, #pnlEnabled table, #pnlEprops table {
width: auto !important;
}

table.blogbody {
width:450px;
font-family: tahoma;
font-weight: none;
font-size: 10pt;
color: #ffffff;
text-align: justify;
padding: 0px;
}

.caption, .blogheader {
width: 450px;
padding: 3px;
font-family: tahoma;
font-size: 14pt;
text-align: center;
color: #ffffff;
background-color: transp;
text-transform: lowercaps;
}

div.smalltext{
width: 450px;
padding: 3px;
text-align: left;
}

P, B, I, TD, TH
{font-family: tahoma; color: #ffffff; font-size: 8pt; }
A:link, A:visited, A:active
{color:#ffffff; text-decoration:underline; font-size:8pt;}
a:hover
{text-decoration: strike; color:#ffffff; font-size: 8pt; );}
b, strong, i, u, {
/* edit colors when bold italic underline */
font-family: tahoma;
font-size: 8pt;
color: #ffffff;
font-weight: bold;
text-transform: lowercaps;
}
</style>


<div style="position:static; margin-left: -400px;margin-top: -550px;border: 2px double #ffffff; width: 150px; height: 290px;background: none; overflow: auto">
<table border="0" width=100%><tr>
<td colspan=2>
<b class=nav>About Me</b>
<tr>
<td colspan=2><br>
Stuff about yourself…here
Stuff about yourself…here
Stuff about yourself…here
Stuff about yourself…here
<tr><td colspan=2><br>
<b class="nav">Navigation</b><br>
<a href="http://www.xanga.com/">Xanga</a><br>
<a href="http://www.xanga.com/signin.aspx">Sign In</a><br>
<a href="http://www.xanga.com/logout.aspx">Sign Out</a><br>
<a href="http://www.xanga.com/private">Home</a><br>
<a href="http://www.xanga.com/claf">CLAF</a><br>
<a href="http://www.xanga.com/Private/subs.aspx">Your Subs</a><br>
<a href="http://www.xanga.com/guestbook.aspx?user=YOURXANGAUSER">Guestbook</a><br>
<a href="http://www.xanga.com/profile.aspx?user=YOURXANGAUSER">Profile</a> (<a href="http://www.xanga.com/Private/profilebasic.aspx">Edit</a>)<br>
<a href="http://www.xanga.com/private/tracking.aspx">Your Comments</a><br>
<a href="http://www.xanga.com/Private/feedback.aspx">Feedback</a><br>
<a href="http://www.xanga.com/Private/SubscribeTo.aspx?user=YOURXANGAUSER" target="blank">Add Me</a><br>
<tr>
<td colspan=2>
<b class="nav">Subscriptions</b>
<tr>
<td>
<a href="http://www.xanga.com">link</a><br>
<a href="http://www.xanga.com">link</a><br>
<a href="http://www.xanga.com">link</a><br>
<a href="http://www.xanga.com">link</a><br>
<a href="http://www.xanga.com">link</a><br>
<a href="http://www.xanga.com">link</a><br>
<td>
<a href="http://www.xanga.com">link</a><br>
<a href="http://www.xanga.com">link</a><br>
<a href="http://www.xanga.com">link</a><br>
<a href="http://www.xanga.com">link</a><br>
<a href="http://www.xanga.com">link</a><br>
<a href="http://www.xanga.com">link</a><br>
</tr>
</table>
</div>

<div style="
overflow: auto;
width: 300px;
height: 560px;
margin-top: -300px;
margin-left: 0px;">

help appreciated !


P.S : does anyone know how to get rid of the horizontal scrollbar ? thanks !

[*digital.fragrance*]

Move your blog by editting the margin numbers in the div code at the end of the code... in this case, the margin-left number (you can make it negative to move it left)


The scrollbar - if you use IE, then insert after this: "scrollbar-arrow-color: #000000;"

CODE

overflow-x: hidden;

[squeex3]

what about firefox ? because that is what i mainly use ..

[*digital.fragrance*]

Okay, in this part of your code:

CODE

table.blogbody {
width:450px;
font-family: tahoma;
font-weight: none;
font-size: 10pt;
color: #ffffff;
text-align: justify;
padding: 0px;
}

make the width number a little smaller than the div layer's (the very last part of your code) width (ex - smaller than 300 px.. maybe 270px) until the scrollbar disappears.

or...
You could just make the div's width larger than 450px (your current blog width)