need help with modules, div layers-I'm lost! Options

[Amie91280]

I wanted to position my custom modules on my xanga. I got the code for them here. When I just use the code for them, they're a bit higher than my blog, but still to the left. I wanted to use div layers to move them level with my blog. I tried putting both the modules and the blog in divs, but it's not working. They're still "attached" and I can't move one without moving the other. I tried a few different ways. The one I have now has a border around both of them, so I can even see they're still attached. If someone could help me fix the code, I would appreciate it sooooooo much. Thanks for any help, I'll post my header HTML and a link.

my screwed up xanga

<!-- begin code provided by createblog.com --><br /><img src="http://img275.imageshack.us/img275/4442/starheader20ib.gif"><br /><br /><br /><div id="blog" style="position:absolute; width:500; height:650; z-index:0; left:10; top:-420; background-color: transparent; overflow: none; border-color: none; border-style: none; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px;"><br /><br /><style type="text/css"><br />table.navigation, table.footer { display:none; }<br /></style><br /><br /><style type="text/css"><br />/* Pink Stars- By Amie91280*/<br />body {<br />background-image:url(http://img38.imageshack.us/img38/8779/starbg18ru.jpg);<br />background-repeat: repeat-y-x;<br />{background-color: #FFFFFF;<br /><br />scrollbar-arrow-color: #000000;<br />scrollbar-track-color: #FFFFFF;<br />scrollbar-shadow-color: #FFFFFF;<br />scrollbar-face-color: #F5687C;<br />scrollbar-highlight-color: #FCCCCC;<br />scrollbar-darkshadow-color: #FFFFFF;<br />scrollbar-3dlight-color: #FFFFFF;}<br /><br />/* edits the date */<br />div.blogheader, .caption <br />{background-image: url();<br />background-repeat:no-repeat;<br />background-position:center;<br />font-family: Arial;<br />text-transform:none;<br />font-size:#16px;<br />line-height:#16px;<br />font-weight:normal;<br />color:#F5687C;<br />letter-spacing:2px;<br />background-color:#FCCCCC;<br />text-align:center;<br />border:4px dashed #000000;<br />width:450px}<br /><br />.blogbody b, .standard b, p b, strong {<br />/* edits bolded text in your entry */<br />font-weight: bold;<br />color: #F5687C;}<br /><br />input, select, textarea, iframe.htmleditor, .textfield, .button {<br />/* this edits the buttons, dropdowns, etc. */<br />border: #1px solid #F5687C;<br />font:normal #16px Arial;<br />background-color: #FCCCCC;<br />font-color:#F5687C;}<br /><br /> table.footer TD {<br />/* this makes the footer at the bottom centered */<br />/* leave it alone unless you know what to do*/<br />text-align: center;}<br /><br />font,td,p,xmp<br />{color:#000000;<br />font-face: Arial;<br />font-weight:normal;<br />font-size:#16pt;<br />text-align:justify;}<br /><br />table.blogbody tr td { <br />/* this edits the left margin of blog */ <br />width:0px; <br />padding-left: 0px;} <br /><br />table.blogbody {<br />/* this edits the other the place where the  blog is */<br />background-color:#FFFFFF;<br />family-font: Arial;<br />border:4px dashed #000000;<br />width:450px;} /* <-- The width for this should be around 5-15 pixels less then the width for your blog's div layer. */ <br /><br />a:link<br />{line-height: #16pt; <br />font-family: Arial;<br />font-weight:normal; <br />color:#F5687C; <br />text-transform:none;<br />font-size:#16pt; <br />cursor:none;}<br /><br />a:active<br />{font-family: Arial; <br />color:#F5687C; <br />text-transform:none;<br />font-size:#16pt; <br />cursor:none;}<br /><br />a:visited<br />{font-family: Arial; <br />color:#000000; <br />text-transform:none;<br />text-decoration:strikeout;<br />font-size:#16pt;<br />cursor: none;}<br /><br />A:hover {font-family:Arial;<br />color:#000000;<br />text-transform: lowercase; <br />cursor: none; <br />font-weight:bold;<br />font-size:#16pt}</style><br /><br /><style><br />u{<br />border-bottom: 1px dashed #F5687C;<br />color:#FCCCCC;<br />}<br /></style><br /></div><br /><br /><div id="modules" style="position:absolute; width:220; height:650; z-index:0; left:10; top:-420; background-color: transparent; overflow: none; border-color: transparent; border-style: dashed; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px;"><br /><style type=text/css><br />/* remove regular modules */<br />texttable.left, td.mainleft, table.left, table.navigation, table.search{display:none}<br />table.blogbody tr td {width:0px; padding: 0px;}<br /><br />/* edit to your liking */<br />table.module { border: none; width:200px; background-color:FFFFFF; }<br />table.module th { background-color: #F5687C;font: bold 12px arial; text-transform: none;color: #000000; border: 1px solid #000000; }<br />table.module td {color: #FCCCCC; text-align: left; border: 1px solid #000000; background-image: none; }<br /></style><br /><br /><!-- add this below all the CSS --><br /><br /><table border=0 width="200"><tr><td valign="top" width="200"><br /><table border="1" cellspacing="0" cellpadding="4" width="100%" class="module"><tr><th valign="top" align="left" class="module"><b>About Me</b></th></tr><tr><td valign="top" class="module"> <br /><center><img src="http://img197.imageshack.us/img197/798/starmodulebg9hw.jpg"></center><p><br /><br /><b>name:</b> Amie S.<br><br /><b>gender:</b> Female<br><br /><b>hobbies:</b> making xanga skins.  Check out the ones I've made below<br><br /><br /></td></tr></table><br><br /><br /><table border="1" cellspacing="0" cellpadding="4" width="100%" class="module"><tr><th valign="top" align="left" class="module"><b>Subscriptions</b></th></tr><tr><td valign="top" class="module"> <br /><br /><!-- Add your subscriptions here --><br /><br /><a href="http://www.xanga.com/Amie91280">my regular xanga</a><br><br /><br /></td></tr></table><br><br /><br /><table border="1" cellspacing="0" cellpadding="4" width="100%" class="module"><tr><th valign="top" align="left" class="module"><b>Bloggies</b></th></tr><tr><td valign="top" class="module"> <br /><br /><!-- Add your blogrings here --><br /><br /><a href="http://www.xanga.com/blogrings/blogring.asp?id=200537">Xangans.com</a> <br /><br /></td></tr></table><br><br /><br /><br /><!-- Here's your CUSTOM MODULE.. copy and paste as needed --><br /><table border="1" cellspacing="0" cellpadding="4" width="100%" class="module"><tr><th valign="top" align="left" class="module"><b>My Layouts</b></th></tr><tr><td valign="top" class="module"> <br /><br /><marquee direction="up" height="230"  scrollAmount= "5" onMouseover="this.scrollAmount=1" onMouseout="this.scrollAmount=5" onMouseDown="this.scrollAmount=0" onMouseUp="this.scrollAmount=1"><br /><br /><a href="http://www.xanga.com/RuggieSkin"><img src="http://img159.imageshack.us/img159/8077/untitled10oe.jpg"></a><br><br><br /><br /><a href="http://www.xanga.com/BlueHermitCrabSkin"><img src="http://img269.imageshack.us/img269/1880/hclinkbutton7jx.jpg"></a><br><br><br /> <br /><a href="http://www.xanga.com/StrawSkin"><img src="http://img197.imageshack.us/img197/180/untitled18ws.jpg"></a><br><br><br /> <br /><a href="http://www.xanga.com/MonsterSkin"><img src="http://img210.imageshack.us/img210/5632/monsterskinshot4gi.jpg"></a><br><br><br /> <br /><a href="http://www.xanga.com/LazyDaysOfSummerSkin"><img src="http://img238.imageshack.us/img238/3761/untitled10uw.jpg"></a><br><br><br /><a href="http://www.xanga.com/AmiesTestSite2"><img src="http://img313.imageshack.us/img313/4647/untitled13ik.jpg"></a><br><br></a><br /></marquee><br /><br /><br /></td></tr></table><br><br /><br /><br /><br /></td><td width="500" valign="top" align="left"><br /></div><br /><br /><br /><br /><br /><br /><font-family: 16px arial><font color="000000"><br /><a href="http://www.xanga.com/private/subscriptions.aspx">   subscriptions  </a><br /><a href="http://www.xanga.com/CLAF/default.asp"> look&feel </a><br /><a href="http://www.xanga.com/private"> private   </a> <br /><a href="http://www.xanga.com/profile.aspx?user=USERNAME">   my profile   </a> <br /><a href="http://www.xanga.com/private/subscribeto.aspx?user=USER NAME"> add-me </a><br /><br /><br /><font face="12px arial"><font-color="000000"><br /><!-- end code provided by createblog.com -->

[Amie91280]

yeah, that's what I figured

[Mulder]

dont double post. it hasnt even been a day.

u need to do the <div> for the modules before the blog. change the margin-top and margin-left numbers until u get it where u want. otherwise everything seems fine

[Amie91280]

It's still not working, but thanks for trying. It makes it one big div, not two. I want to be able to move the modules seperate from the blog. How would I go about that?

[#1distortion]

have try to puting both the moduel and blog in 2 different divs (butting the code for the moduel before the blog) and then using static to align them?

[talcumpowder]

.... -cough- Do you want them to be completely independant of each other? If so... That thing yopu're supposed to put in webstats, put it under the last bit of your modules and... Then put a </div> behind it.
Them, you should create a totally new div layer for the blog and put that at the very end of your code. The modules should move independantly of the blog now.