Can't get Div layers to line up, nub at html so bear with me Options

[Th3sandm4n]

Makign a skin with the tutuorial found here. I got the Blog Div layer set up the way I want, but then when I try to align my other div boxes (Bio,interests,link,etc) it messes everything up.

Anyways here's the code I have so far:

<!-- begin code provided by createblog.com --><br /><!-- Background --><br /><img src="http://www.geocities.com/th3sandm4n/WeezerBlue.gif" width="1000" height="685" border="0" alt="" usemap="#WeezerBlue_Map"><br /><map name="WeezerBlue_Map"><br /><area shape="rect" alt="" coords="680,675,753,683" href="mailto:Th3sandm4@sbcglobal.net"><br /><area shape="poly" alt="" coords="261,442, 248,462, 253,508, 244,528, 242,592, 248,658, 283,665, 504,665, 542,561, 587,514, 576,427, 534,431, 514,474, 495,534, 465,501, 456,490, 464,469, 450,432, 427,426, 407,443, 412,494, 404,520, 373,520, 379,482, 359,445, 330,448, 313,451, 306,461, 287,442"<br />href="http://www.weezer.com"><br /><area shape="rect" alt="" coords="613,666,636,684" href="http://www.weezer.com"><br /><area shape="rect" alt="" coords="936,544,975,562" href="http://www.xanga.com/default.aspx?mode=logout"><br /><area shape="rect" alt="" coords="880,544,930,562" href="http://www.xanga.com/guestbook.aspx?user=Th3sandm4n"><br /><area shape="rect" alt="" coords="833,544,873,562" href="http://www.xanga.com/CLAF/default.asp"><br /><area shape="rect" alt="" coords="781,544,826,562" href="http://www.xanga.com/Private/SubscribeTo.aspx?user=Th3sandm4n"><br /><area shape="rect" alt="" coords="734,544,775,561" href="http://www.xanga.com/Private/SubscribeTo.aspx?user=Th3sandm4n"><br /><area shape="rect" alt="" coords="671,544,726,562" href="http://www.xanga.com/private/home.aspx"><br /><area shape="rect" alt="" coords="613,544,662,563" href="http://www.xanga.com"><br /></map><br /><br /><!-- BIO --><br /><div style="overflow: auto; width: 229px; height: 96px; margin-top: ###px; margin-left: ###px;"><br /><b>About Me</b><br>Name: Frank Montanaro<br>Age: 18<br>Birthday: January 8<br></div><br /><br /><!-- Interests --><br /><div style="overflow: auto; width: 309px; height: 185px; margin-top: ###px; margin-left: ###px;"><br /><b>Interests</b><br><b>Music:</b></br> Metallica,White Stripes,Pearl Jam,Nirvana,Tool,A Perfect Circle, <br />Led Zeppelin,Pink Floyd,Silverchair,311,Aerosmith,Beatles,Ac/Dc,Alice in Chains,Soundgarden,Weezer,<br />Bush,Foo Fighters,Jane's Addiction,Jimi Hendrix,Eric Clapton,NIN,Oasis, Offspring,Pixies,<br />Radiohead,Rage Against the Machine,Ramones,REM,RHCP,Smashing Pumpkins,Sonic youth, Stone Temple Pilots,<br />Strokes,Sublime,Vines,Doors,Coldplay</br><br /><b>Movies:</b></br><br />Mostly comedies, Kevin Smith's stuff,Napolean Dynamite, Airplane,Hot Shots, Adam Sandler's stuff, Chris Farley,<br />Baseketball,Mony Python, Home Movies. Also like the war movies; Saving private Ryan, Braveheart,<br />Last Samurai, Enemy at the gates. Action,etc; Quentin Terentino rocks, few good anime titles. Kenshin.</br><br /><b>Reading Materials:</b></br><br />Not as much of an avid reader I used to be. Favorites of all time are; Catcher in the Rye,Crash,<br />Chocolate War,1984,Brave New World,The Giver,Redwall series (only read 2),LOTR & hobbit (soo long ago),<br />Dr.Doolittle. And I enjoy reading comics (funny ones usually) and articles on the net.</br><br /></div><br /><br /><!-- Links --><br /><div style="overflow: auto; width: 232px; height: 90px; margin-top: ###px; margin-left: ###px;"><br /><b>Links:</b></br><br /><b>Funny Stuff</b></br><br /><a href="http://www.whiteninjacomics.com">White Ninja!</a></br><br /><a href="http://www.penny-arcade.com">Penny Arcade</br><br /><a href="http://www.ctrlaltdel-online.com/">CTRL+ALT+DEL</br><br /><a href="http://www.somethingAwful.com">Something Awful</br><br /><a href="http://www.ebaumsworld.com">EBaum's World</br><br /></div><br /><br /><!-- BLOG --><br /><div style="overflow: auto; width: 369px; height: 467px; margin-top: -1000px; margin-left: -610px;"><br /><br /><style type="text/css"><br />table.navigation, table.footer { display:none; }<br /></style><br /><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 /><br /><!--Customize --><br /><br /><style type="text/css"><br />/* Weezer Blue - By Frank Montanaro AKA Th3sandm4n*/<br />body <br />{background-color: #COLOR CODE;<br /><br />scrollbar-arrow-color: #COLOR CODE;<br />scrollbar-track-color: #COLOR CODE;<br />scrollbar-shadow-color: #COLOR CODE;<br />scrollbar-face-color: #COLOR CODE;<br />scrollbar-highlight-color: #COLOR CODE;<br />scrollbar-darkshadow-color: #COLOR CODE;<br />scrollbar-3dlight-color: #COLOR CODE;}<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: FONT FAMILY;<br />text-transform:none;<br />font-size:#px;<br />line-height:#px;<br />font-weight:normal;<br />color:#COLOR CODE;<br />letter-spacing:2px;<br />background-color:#COLOR CODE;<br />text-align:center;<br />border:1px solid #COLOR CODE;}<br /><br />.blogbody b, .standard b, p b, strong {<br />/* edits bolded text in your entry */<br />font-weight: bold;<br />color: #COLOR CODE;}<br /><br />input, select, textarea, iframe.htmleditor, .textfield, .button {<br />/* this edits the buttons, dropdowns, etc. */<br />border: #px solid #COLOR CODE;<br />font:normal #px FONT FAMILY;<br />background-color: #COLOR CODE;<br />font-color:#COLOR CODE;}<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 />table.left th {<br />/* on your menu module, this edits the title part of it */<br />/* like BLOGRINGS, POSTING CALENDAR, etc */<br />background-image: url();<br />background-color:none;<br />color: #COLOR CODE;<br />font: bold #pt FONT FAMILY;<br />text-transform: none;<br />text-align:center;<br />border: #COLOR CODE #px solid;}<br /> <br />table.left { <br />/* this edits the menu module */<br />width:180px;<br />color:000000;<br />background-color:#COLOR CODE;<br />BORDER: #COLOR CODE #px solid;}<br /><br />font,td,p,xmp<br />{color:#COLOR CODE;<br />font-face: FONT FAMILY;<br />font-weight:normal;<br />font-size:#pt;<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:transparent;<br />family-font: FONT FAMILY;<br />BORDER: #COLOR CODE #px solid;<br />width:350px;} /* <-- 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: #pt; <br />font-family: FONT FAMILY;<br />font-weight:normal; <br />color:#COLOR CODE; <br />text-transform:none;<br />font-size:#pt; <br />cursor:crosshair;}<br /><br />a:active<br />{font-family: FONT FAMILY; <br />color:#COLOR CODE; <br />text-transform:none;<br />font-size:#pt; <br />cursor:crosshair;}<br /><br />a:visited<br />{font-family: FONT FAMILY; <br />color:#COLOR CODE; <br />text-transform:none;<br />text-decoration:strikeout;<br />font-size:#pt;<br />cursor: crosshair;}<br /><br />A:hover {font-family:FONT FAMILY;<br />color:#COLOR CODE;<br />text-transform: uppercase; <br />cursor: crosshair; <br />font-weight:bold;<br />font-size:#pt}</style><br /><!-- end code provided by createblog.com -->

and when I mess around with the other Div's alignments it messes everything up?
Any hints/suggestions/slaps in the face?
Thanx

[lilphoenix]

You didn't change the margin values...

<!-- begin code provided by createblog.com --><br /><!-- BIO --><br /><div style="overflow: auto; width: 229px; height: 96px; margin-top: [b]###[/b]px; margin-left: [b]###[/b]px;"><br /><b>About Me</b><br>Name: Frank Montanaro<br>Age: 18<br>Birthday: January 8<br></div><br /><br /><!-- Interests --><br /><div style="overflow: auto; width: 309px; height: 185px; margin-top: [b]###[/b]px; margin-left: [b]###[/b]px;"><br /><b>Interests</b><br><b>Music:</b></br> Metallica,White Stripes,Pearl Jam,Nirvana,Tool,A Perfect Circle, <br />Led Zeppelin,Pink Floyd,Silverchair,311,Aerosmith,Beatles,Ac/Dc,Alice in Chains,Soundgarden,Weezer,<br />Bush,Foo Fighters,Jane's Addiction,Jimi Hendrix,Eric Clapton,NIN,Oasis, Offspring,Pixies,<br />Radiohead,Rage Against the Machine,Ramones,REM,RHCP,Smashing Pumpkins,Sonic youth, Stone Temple Pilots,<br />Strokes,Sublime,Vines,Doors,Coldplay</br><br /><b>Movies:</b></br><br />Mostly comedies, Kevin Smith's stuff,Napolean Dynamite, Airplane,Hot Shots, Adam Sandler's stuff, Chris Farley,<br />Baseketball,Mony Python, Home Movies. Also like the war movies; Saving private Ryan, Braveheart,<br />Last Samurai, Enemy at the gates. Action,etc; Quentin Terentino rocks, few good anime titles. Kenshin.</br><br /><b>Reading Materials:</b></br><br />Not as much of an avid reader I used to be. Favorites of all time are; Catcher in the Rye,Crash,<br />Chocolate War,1984,Brave New World,The Giver,Redwall series (only read 2),LOTR & hobbit (soo long ago),<br />Dr.Doolittle. And I enjoy reading comics (funny ones usually) and articles on the net.</br><br /></div><br /><br /><!-- Links --><br /><div style="overflow: auto; width: 232px; height: 90px; margin-top: [b]###[/b]px; margin-left: [b]###[/b]px;"><br /><b>Links:</b></br><br /><b>Funny Stuff</b></br><br /><a href="http://www.whiteninjacomics.com">White Ninja!</a></br><br /><a href="http://www.penny-arcade.com">Penny Arcade</br><br /><a href="http://www.ctrlaltdel-online.com/">CTRL+ALT+DEL</br><br /><a href="http://www.somethingAwful.com">Something Awful</br><br /><a href="http://www.ebaumsworld.com">EBaum's World</br><br /></div><br /><!-- end code provided by createblog.com -->

In the rest of the code, you forgot a lot of things.
Keep in mind to check it plenty of times.

This post has been edited by Sherry_Vu: Feb 28 2005, 03:35 PM