blog and chatterbox in same div Options

[crazybabii412]

Hey all! I'm having trouble with my div layers, cuz the blog is somehow in the same layer as my draggable chatterbox. Did I not close the blog's div correctly?

<!-- begin code provided by createblog.com --><br /><!-- begin code provided by createblog.com --><br /><div id="content" style="margin-top: 25px; margin-left:-225px; width: 725px; height: 100%; overflow: visible; position=static"</div><br /><!-- end code provided by createblog.com --><br /><!-- end code provided by createblog.com -->

Here's a link to my test site; you'll see that when you drag the chatterbox, it moves the blog as well. [x]
Thanks!

[*[2]Nekked*]

it should be

CODE

<div id="content" style="margin-top: 25px; margin-left:-225px; width: 725px; height: 100%; overflow: visible; position=static">

you're missing a > at the end there.


now put </div> at the very end of your webstats because your blog content should be inside that div - meaning in between the opening and closing tags. and all your blog's HTML is between your custom header and your website stats.

and put your chatterbox BEFORE the blogs div. otherwise it'll end up inside it.

[crazybabii412]

Thanks for helping me, I really appreciate it. However...
I did that, and it put everything (including the xanga add banner ??) as draggable.
And the navigation disappeared.

[*[2]Nekked*]

make sure your blogs div is the very last thing on your custom header.


and make sure you close everything properly.

html is very much like an...essay..

you write everything in the order it should output in.

[crazybabii412]

Okay, i think the problem is that I didn't close the chatterbox div.

<!-- begin code provided by createblog.com --><br /><DIV CLASS="drag" style="background-color: #transparent;position:absolute; left:400px; top:235px; width:195px; height:151px; z-index:2"><div class="header"><!-- Flooble chatterbox for dazednconfused4 start --><br /><script language="javascript"> var chatterbox = 'no'; </script><br /><script language="javascript" src="http://chatter.flooble.com/chatter.php?js=true&id=dazednconfused4&sid=2402578"><br /></script><noscript><br /><a href="http://chatter.flooble.com/chatter.php?id=dazednconfused4&sid=2402578&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">Blackjack Tutorial</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></div><br /><!-- Flooble chatterbox for dazednconfused4 end --><br /><br /><!-- end code provided by createblog.com -->

Did i?