Layout problems, did I make a mistake? Options

[mellifluousred]

I used the tutorial How To Make A Xanga Layout by natimarie

But my chatterbox isn't where it's supposed to be. Did I make a mistake in my coding?

<!-- begin code provided by createblog.com --><br /> <style type="text/css"><br />/*True Passion ft. Frederic Chopin*/<br />/*by Melaphor*/<br />body {<br />background-image:url(http://img.photobucket.com/albums/v142/ms-cherryred/true/bg.jpg);<br />background-repeat: repeat;<br />background-color: #transparent;<br />scrollbar-face-color: #ABA099;<br />scrollbar-shadow-color: #ABA099;<br />scrollbar-highlight-color: #000000;<br />scrollbar-3dlight-color: #000000;<br />scrollbar-darkshadow-color: #ABA099;<br />scrollbar-track-color: #000000;<br />scrollbar-arrow-color: #ffffff;<br />}<br /><br />#rblEprops, #pnlEnabled table, #pnlEprops table { <br />width: auto !important; <br />}<br /><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 /><br />table.blogbody {<br /> width:412px;<br /> font-family: Georgia;<br /> font-weight: none;<br /> font-size: 12pt;<br /> color: #COLOR;<br /> text-align: justify;<br /> padding: 0px;<br /> margin-top: 2px;<br /> font-style: italic;<br />}<br />div.smalltext{<br />width: 400px;<br />padding: 3px;<br />text-align: left;<br />}<br />.caption, .blogheader {<br />width: 380px;<br />padding: 3px;<br />font-family: Georgia;<br />font-size: 16pt;<br />text-align: center;<br />color: #000000;<br />background-color: #transparent;<br />text-transform: lowercaps;<br />margin-top: 10px;<br />}<br /><br />P, B, I, TD, TH <br />{font-family: Georgia; color: #000000; font-size: 8pt; }<br />A:link, A:visited, A:active<br />{color:#000000; text-decoration:underline; font-size:8pt;}<br />a:hover<br />{text-decoration: none; color:#CCCCCC; 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 /><img src="http://xbe.xanga.com/32df71370704121212120/b15132447.gif" width="640" height="960" border="0" alt="" usemap="#layout3xanga4_Map"><br /><map name="layout3xanga4_Map"><br /><area shape="rect" alt="Sign Out" coords="537,461,603,479" href="http://www.xanga.com/logout.aspx"><br /><area shape="rect" alt="Sign In" coords="471,461,529,479" href="http://www.xanga.com/signin.aspx"><br /><area shape="rect" alt="Look & Feel" coords="429,461,461,480" href="http://www.xanga.com/claf"><br /><area shape="rect" alt="subs" coords="369,461,421,478" href="http://www.xanga.com/private/subs.aspx"><br /><area shape="rect" alt="add me" coords="291,461,357,478" href="http://www.xanga.com/private/subscribeto.aspx?user=mellifluousred"><br /><area shape="rect" alt="Guestbook" coords="191,461,281,479" href="http://www.xanga.com/guestbook.aspx?user=mellifluousred"><br /><area shape="rect" alt="Private" coords="99,461,178,478" href="http://www.xanga.com/private/"><br /><area shape="rect" alt="Xanga" coords="23,462,85,478" href="http://www.xanga.com/"><br /></map><br /><br /><!-- begin code provided by createblog.com --><br /><div style="position:static; margin-left: 15px; margin-top: -470px;border: 0px solid #ffffff; width: 180px; height: 454px; background:none;overflow: auto"><br /><TABLE width="100%" border=0><br /> <TBODY><br /> <TR><br />   <TD><br /><P class=nav><br /><br /><br /><!-- Flooble chatterbox for melaphor start --><br /><script language="javascript"> var chatterbox = 'no'; </script><br /><script language="javascript" src="http://chatter.flooble.com/chatter.php?js=true&id=melaphor&sid=4008402"><br /></script><noscript><br /><a href="http://chatter.flooble.com/chatter.php?id=melaphor&sid=4008402&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.blackjack-primer.com/basic_rules.php">Blackjack Rules</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 melaphor end --><br /></P></TD></TR></TBODY></TABLE></div><br /><!-- end code provided by createblog.com --><br /><br /><div style="<br />overflow: auto;<br />width: 412px;<br />height: 454px;<br />margin-top: -470px;<br />margin-left: 205px;"><br /><br /><!-- end code provided by createblog.com -->

This post has been edited by mellifluousred: Dec 10 2005, 09:11 AM

[Kenado]

Here you go.

<!-- begin code provided by createblog.com --><br /><br /><style type="text/css"><br />/*True Passion ft. Frederic Chopin*/<br />/*by Melaphor*/<br />body {<br />background-image:url(http://img.photobucket.com/albums/v142/ms-cherryred/true/bg.jpg);<br />background-repeat: repeat;<br />background-color: #transparent;<br />scrollbar-face-color: #ABA099;<br />scrollbar-shadow-color: #ABA099;<br />scrollbar-highlight-color: #000000;<br />scrollbar-3dlight-color: #000000;<br />scrollbar-darkshadow-color: #ABA099;<br />scrollbar-track-color: #000000;<br />scrollbar-arrow-color: #ffffff;<br />}<br /><br />#rblEprops, #pnlEnabled table, #pnlEprops table { <br />width: auto !important; <br />}<br /><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 /><br />table.blogbody {<br /> width:380px;<br /> font-family: Georgia;<br /> font-weight: none;<br /> font-size: 12pt;<br /> color: #COLOR;<br /> text-align: justify;<br /> padding: 0px;<br /> margin-top: 2px;<br /> font-style: italic;<br />}<br />div.smalltext{<br />width: 380px;<br />padding: 3px;<br />text-align: left;<br />}<br />.caption, .blogheader {<br />width: 380px;<br />padding: 3px;<br />font-family: Georgia;<br />font-size: 16pt;<br />text-align: center;<br />color: #000000;<br />background-color: #transparent;<br />text-transform: lowercaps;<br />margin-top: 10px;<br />}<br /><br />P, B, I, TD, TH <br />{font-family: Georgia; color: #000000; font-size: 8pt; }<br />A:link, A:visited, A:active<br />{color:#000000; text-decoration:underline; font-size:8pt;}<br />a:hover<br />{text-decoration: none; color:#CCCCCC; 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 /><img src="http://xbe.xanga.com/32df71370704121212120/b15132447.gif" width="640" height="960" border="0" alt="" usemap="#layout3xanga4_Map"><br /><map name="layout3xanga4_Map"><br /><area shape="rect" alt="Sign Out" coords="537,461,603,479" href="http://www.xanga.com/logout.aspx"><br /><area shape="rect" alt="Sign In" coords="471,461,529,479" href="http://www.xanga.com/signin.aspx"><br /><area shape="rect" alt="Look & Feel" coords="429,461,461,480" href="http://www.xanga.com/claf"><br /><area shape="rect" alt="subs" coords="369,461,421,478" href="http://www.xanga.com/private/subs.aspx"><br /><area shape="rect" alt="add me" coords="291,461,357,478" href="http://www.xanga.com/private/subscribeto.aspx?user=mellifluousred"><br /><area shape="rect" alt="Guestbook" coords="191,461,281,479" href="http://www.xanga.com/guestbook.aspx?user=mellifluousred"><br /><area shape="rect" alt="Private" coords="99,461,178,478" href="http://www.xanga.com/private/"><br /><area shape="rect" alt="Xanga" coords="23,462,85,478" href="http://www.xanga.com/"><br /></map><br /><br /><!-- begin code provided by createblog.com --><br /><div style="position:relative; margin-left: -420px; margin-top: -470px;border: 0px solid #ffffff; width: 180px; height: 454px; background:none;overflow: auto"><br /><TABLE width="100%" border=0><br /> <TBODY><br /> <TR><br />   <TD><br /><P class=nav><br /><!-- Flooble chatterbox for melaphor start --><br /><script language="javascript"> var chatterbox = 'no'; </script><br /><script language="javascript" src="http://chatter.flooble.com/chatter.php?js=true&id=melaphor&sid=4008402"><br /></script><noscript><br /><a href="http://chatter.flooble.com/chatter.php?id=melaphor&sid=4008402&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.blackjack-primer.com/basic_rules.php">Blackjack Rules</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 melaphor end --><br /></P></TD></TR></TBODY></TABLE></div><br /><!-- end code provided by createblog.com --><br /></div><br /><div style="<br />position:relative;<br />overflow: auto;<br />width: 432px;<br />height: 444px;<br />margin-top: -450px;<br />margin-left: 180px;"><br /><br /><!-- end code provided by createblog.com -->

All I did was made the width in the div position of the blog wider and the smalltext, and blogbody 20 px smaller.