fix this code?, PLZ! Options

[SephirothDaDark1]

I KNOW HOW TO POSITION!!!!!!!!! THAT'S NOT WHAT i'M ASKING FOR

Here is the code I am using for my xanga skin, the chatterbox keeps appearing in the blog box over my blog enterys, please fix this code so that the chatterbox is seperate from the blog box!!!!!!! I'm taking out my chatterbox code on purpose just so you know...

CODE

<!-- begin code provided by createblog.com -->
<img src="http://www.yoxio.com/img/92498.jpg">
<style type="text/css">



.#rblEprops{display:none;}
#pnlEnabled table, #htmleditor, #lblTimeZone, #pnlEprops, #rblEprops
{width:245px;}
.leftmoduletitlebar, .leftmoduleborder, .leftmoduleinterior, table.left, table.left TH, table.left TD, table.navigation, table.footer
{display: none;}
</style>



<!-- Navigation div layer -->
<!-- ima fill in all the links and such later -->



<div style="position:static; margin-left: -594px;margin-top: -592px;border: 0px solid #transparent; width: 196px; height: 800px;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>
<tr>
<td colspan=2>
<b class="nav">Chatterbox</b>
<tr>
</table>
</div>



<!-- Chatterbox div layer -->



<div style="position:static; margin-left: 594px; margin-top: -300px;border: 0px solid #ffffff; width: 196px; height: 200px; background:none;overflow: auto">
<TABLE width="100%" border=0>
<TBODY>
<TR>
  <TD>
<P class=nav>



<!-- the place where chatterbox HTML code goes -->
<!-- the place where chatterbox HTML code goes --></div>



<!-- Blogbox div layer -->



<div align="center" class="blogspace">
</div>
<div style="
overflow: auto;
width: 543px;
height: 251px;
margin-top: -461px;
margin-left: 259px;"></div>



<!-- Scrollbar coloring etc. -->



<style type="text/css">
body {
background-color: #999999;
scrollbar-arrow-color: #000000;
scrollbar-track-color: #ffffff;
scrollbar-shadow-color: #000000;
scrollbar-face-color: #ffffff;
scrollbar-highlight-color: #ffffff;
scrollbar-darkshadow-color: #000000;
scrollbar-3dlight-color: #000000; }


.left, .blogbody, table.footer, .standard, .leftmodulefontcolor, td, p {
/* edits main text */
font:normal #px arial;
line-height:12px;
color: #000000;
letter-spacing:1px;
text-align:justify;}

table.footer TD {
/* this makes the footer at the bottom centered */
text-align: center;}

a:link, .footernav.link, a.footernav:link, a.footernav:active {
color: #000000;
text-decoration: none;}

a:visited, a.footernav:visited,  {
/* edits the links that the user has visited */
color: #000000;
text-decoration: none;}

a:hover {
/* edits when user mouseovers the links */
color: #000000;
cursor: normal;
text-decoration: none;}

table.blogbody {
/* this edits the other the place where the  blog is */
border: 0px solid transparent;
background-color: transparent;
width:245px;}

table.search TD, table.announcements TH {
border: 0px solid #FFFFFF;
}
table.navigation, table.main, table.footer {
/* the width of your blog with modules */
width: 0px;
}
hr {
/* horizontal divider */
border: 1px solid #000000;
}
</style>
<!-- end code provided by createblog.com -->

[LiDdLe_TaSh]

your chatterbox code shudd b in javascript module

[SephirothDaDark1]

I just tried that, it didn't work......the chatterbox didn't show up at all.........

[Relentless]

uhh.. wut about your thing.. <div style=" and ur chattbox code.. u gotta position with it..

Margin-left, Margin-top: u gotta put some numbers and fiddle aruond with them.. and make ur margin-top: to a -number..

[SephirothDaDark1]

What, you think I'm stupid enough to not put in where it should be? I know that I didn't put in the right numbers, but when i do it messes up the blog box.....

[C.Lime.Jello.]

CODE

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

<div style="position:static; margin-left: -188px; margin-top: -565px;border: 0px solid #ffffff; width: 204px; height: 258px; background:none;overflow: auto">
<TABLE width="100%" border=0>
 <TBODY>
 <TR>
   <TD>
<P class=nav>



<!-- the place where chatterbox HTML code goes -->
<!-- the place where chatterbox HTML code goes -->



</P>
</TBODY></TABLE></DIV>

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

Try that. And don't yell at me if it doesn't work, I've never had sucess with chatterbox positioning.

[MrElsewhere]

CODE

<!-- begin code provided by createblog.com -->
<div style="position:static; margin-left: 594px; margin-top: -300px;border: 0px solid #ffffff; width: 196px; height: 200px; background:none;overflow: auto">
<TABLE width="100%" border=0>
<TBODY>
<TR>
 <TD>
<P class=nav>
<!-- end code provided by createblog.com -->

to position the c box u must change the number values of this part of the code:

CODE

<!-- begin code provided by createblog.com -->
margin-left: 594px; margin-top: -300px
<!-- end code provided by createblog.com -->

change the numbers around to move ur box

[SephirothDaDark1]

I know how to friggin position things!!!!!!! I just need to know why it appears in my blogbox and moves around my blog box even though i put </div> after the blog box div code.....and also do i put the chatterbox div layer into the navi itself or into the custom header outside of the navi?, this is my site