My blog is trapped in the chatterbox Options

[acel]

Hey!..i need another help again ...i made a skin for my xanga...and i tried to put a chatterbox in it...and my blog entries got stuck in my chatterbox...and i want to put my blog entries beside the navigation thing...can someone pls help and see if there's anything wrong with the code below?..and how do u put the ad thing above ur skin and not in the blog thing?..thank u!! My Xanga

<!-- begin code provided by createblog.com --><br /><br /><MAP NAME='imgmap'><br /><AREA SHAPE='rect' COORDS='620,180,745,217' HREF='http://www.xanga.com/home.aspx?user=acel_virgo' ALT='Home'><br /><AREA SHAPE='rect' COORDS='615,260,752,294' HREF='http://www.xanga.com/signin.aspx' ALT='Sign In'><br /><AREA SHAPE='rect' COORDS='612,344,770,372' HREF='http://www.xanga.com/logout.aspx' ALT='Log Out'><br /><AREA SHAPE='rect' COORDS='619,406,770,470' HREF='http://www.xanga.com/profile.aspx?user=acel_virgo' ALT='My Profile'><br /><AREA SHAPE='rect' COORDS='628,493,769,562' HREF='http://www.xanga.com/guestbook.aspx?user=acel_virgo' ALT='Guestbook'><br /><AREA SHAPE='rect' COORDS='623,594,774,627' HREF='http://www.xanga.com/private/SubscribeTo.aspx?user=acel_virgo' ALT='Add Me'><br /></MAP><br /><br /><!-- begin code provided by createblog.com --><br /><IMG<br />SRC='http://img.photobucket.com/albums/v174/acel_virgo/Untitled-2copy.jpg'<br />border=0 width=800pxheight=700px USEMAP='#imgmap'><br /><!-- end code provided by createblog.com --><br /><br /><!-- begin code provided by createblog.com --><br /><div style="<br />overflow: auto;<br />width: 525px;<br />height: 485px;<br />margin-top: -544px;<br />margin-left: -135px;"> <br /><!-- end code provided by createblog.com --><br /><!-- begin code provided by createblog.com --><br /><style type="text/css"><br />.#rblEprops{display:none;}<br />#pnlEnabled table, #htmleditor, #lblTimeZone, #pnlEprops, #rblEprops <br />/* width of the comment page */<br />{width:245px;}<br />.leftmoduletitlebar, .leftmoduleborder, .leftmoduleinterior, table.left, table.left TH, table.left TD, table.navigation, table.footer <br />{display: none;} <br /></style><br /><!-- end code provided by createblog.com --><br /><!-- begin code provided by createblog.com --><br /><style type="text/css"><br />/*Name of Your Skin*/<br />/*by YOU*/<br />body {<br />background-repeat: repeat-y-x;<br />background-color: #FFFFFF;<br />scrollbar-face-color: #CC33FF;<br />scrollbar-shadow-color: #990099;<br />scrollbar-highlight-color: #FFCCFF;<br />scrollbar-3dlight-color: #CC33FF;<br />scrollbar-darkshadow-color: #990099;<br />scrollbar-track-color: #FFCCFF;<br />scrollbar-arrow-color: #9900CC;<br />}<br /><br />#rblEprops, #pnlEnabled table, #pnlEprops table { <br />width: auto !important; <br />}<br /><br />table.blogbody {<br />width:450px;<br />font-family: Arial;<br />font-weight: bold;<br />font-size: 13pt;<br />color: #000000;<br />text-align: justify;<br />padding: 300px;<br />margin-top: 5px;<br />}<br />div.smalltext{<br />width: 450px;<br />padding: 3px;<br />text-align: left;<br />}<br />.caption, .blogheader {<br />width: 380px;<br />padding: 3px;<br />font-family: Arial;<br />font-size: 16pt;<br />text-align: center;<br />color: #000000;<br />background-color: #CC33FF;<br />text-transform: lowercaps;<br />margin-top: 5px;<br />}<br /><br />P, B, I, TD, TH <br />{font-family: Arial; color: #000000; font-size: 8pt; }<br />A:link, A:visited, A:active<br />{color:#000000; text-decoration:none; font-size:8pt;}<br />a:hover<br />{text-decoration: underline; color:#000000; font-size: 8pt; );}<br />b, strong, i, u, {<br />/* edit colors when bold italic underline */<br />font-family: arial;<br />font-size: 8pt;<br />color: #000000;<br />font-weight: bold; <br />text-transform: lowercaps;<br /></style><br /><!-- end code provided by createblog.com --><br /><!-- begin code provided by createblog.com --><br /><div style="position:static; margin-left: -300px;margin-top: 150px;border: 2px solid #000000; width: 200px; height: 350px;background: none; overflow: auto"><br /><br /><table border="0" width=100%><br /><tr><br /><td colspan=2><br /><b class=nav>About Me</b><br /><tr><br /><td colspan=2><br><br />Stuff about yourself…here<br />Stuff about yourself…here<br />Stuff about yourself…here<br />Stuff about yourself…here<br /><br /><tr><br /><td colspan=2><br><br /><b class="nav">Navigation</b><br><br /><a href="http://www.xanga.com/">Xanga</a><br><br /><a href="http://www.xanga.com/signin.aspx">Sign In</a><br><br /><a href="http://www.xanga.com/logout.aspx">Sign Out</a><br><br /><a href="http://www.xanga.com/private">Home</a><br><br /><a href="http://www.xanga.com/claf">CLAF</a><br><br /><a href="http://www.xanga.com/Private/subs.aspx">Your Subs</a><br><br /><a href="http://www.xanga.com/guestbook.aspx?user=YOURXANGAUSER">Guestbook</a><br><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><br /><a href="http://www.xanga.com/private/tracking.aspx">Your Comments</a><br><br /><a href="http://www.xanga.com/Private/feedback.aspx">Feedback</a><br><br /><a href="http://www.xanga.com/Private/SubscribeTo.aspx?user=YOURXANGAUSER" target="blank">Add Me</a><br><br /><tr><br /><td colspan=2><br /><b class="nav">Subscriptions</b><br /><tr><br /><td><br /><a href="http://www.xanga.com">link</a><br><br /><a href="http://www.xanga.com">link</a><br><br /><a href="http://www.xanga.com">link</a><br><br /><a href="http://www.xanga.com">link</a><br><br /><a href="http://www.xanga.com">link</a><br><br /><a href="http://www.xanga.com">link</a><br><br /><td><br /><a href="http://www.xanga.com">link</a><br><br /><a href="http://www.xanga.com">link</a><br><br /><a href="http://www.xanga.com">link</a><br><br /><a href="http://www.xanga.com">link</a><br><br /><a href="http://www.xanga.com">link</a><br><br /><a href="http://www.xanga.com">link</a><br><br /></tr><br /></table><br /></div><br /><div align="center" class="blogspace"><br /><!-- end code provided by createblog.com --><br /><!-- begin code provided by createblog.com --><br /><div style="position:static; margin-left: 500px; margin-top: 150px;border: 1px solid #000000; width: 200px; height: 350px; background:none;overflow: auto"><br /><TABLE width="100%" border=0><br /><TBODY><br /><TR><br /><TD><br /><P class=nav><br /><br /><br /><br /><!-- Flooble chatterbox for acel12 start --><br /><script language="javascript"> var chatterbox = 'no'; </script><br /><script language="javascript" src="http://chatter.flooble.com/chatter.php?js=true&id=acel12&sid=2047083"><br /></script><noscript><br /><a href="http://chatter.flooble.com/chatter.php?id=acel12&sid=2047083&popup=true&w=480&h=400" <br />target="flooblechatterbox" <br />onClick="window.open('about:blank','flooblechatterbox','toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=yes,re<br />izable=no,copyhistory=no,width=480,height=400');return true;"><br /><img src="http://img.flooble.com/images/chatter/chaticon.gif" border="0" <br />align="absbottom">Talk</a> <br />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> | <br /><a href="http://www.flooble.com/fun/">funny joke ratings, random joke, quizzes</a><br /></noscript><br /><script language="javascript"> if (!chatterbox || chatterbox != 'ok') { <br />document.write('This <a href="http://chatter.flooble.com/">flooble chatterbox</a> is');<br />document.write(' temporarily unavailable. It will be back up shortly.'); } </script><br /><!-- Flooble chatterbox for acel12 end --><br /><br /><!-- the place where chatterbox HTML code goes --><br /><!-- end code provided by createblog.com --><br /><br /><br /><br /><!-- end code provided by createblog.com -->

[CrimsonSkyGraphi...]

Oh! I think I know how to fix this. I had the exact same problem on a skin I justm ade a few days ago. No matter how I changed things, it still sorta..stayed joined. At least, I think it's the same problem. lol. Try this though..

I found that to seperate them I had to do one thing. See how in your main blog div..you know, where you vary the height and width and move it and what not...try making that positive, rather than negative. So only one of the boxes has a -### and one has just a ###. Hm. I'm not sure if Im' explaining this right.

Like this for your blogs:

<!-- begin code provided by createblog.com --><br /><!-- begin code provided by createblog.com --><br /><div style="<br />overflow: auto;<br />width: 525px;<br />height: 485px;<br />margin-top: -544px;<br />margin-left: -135px;"><br /><!-- end code provided by createblog.com --><br /><!-- end code provided by createblog.com -->

And this for your navigation:

<!-- begin code provided by createblog.com --><br /><!-- begin code provided by createblog.com --><br /><div style="position:static; margin-left: 50px;margin-top: 80px;border: 2px solid #000000; width: 400px; height: 350px;background: none; overflow: auto"><br /><!-- end code provided by createblog.com --><br /><!-- end code provided by createblog.com -->

See how the top numbers beside "margin" have a - beside them? Make sure there's no - beside the ones in the naviagation. And just play around with the numbers till it's how you want it. Just keep the - in only one of the two codes. I hope this helps, it fixed it for me.