can't figure this out.. Options

[hsuyuanting]

i'm trying to make a layout where i have the blog in one div layer, and then extra stuff of my own in another layer. everytime i try to make a new one, the entire layout disappears or all i'm left with is the picture. what can i do to fix this problem and be able to have the other box of content visible?

<!-- begin code provided by createblog.com --><br /><br /></div><div align="center"><div style="position:static; margin-left: 0px;margin-top: -50px;border: 0px solid  #000000;"><br /><br /><img src="http://home.comcast.net/~hsuyuanting/graphics/sengokubg.jpg" WIDTH=600 HEIGHT=473 BORDER=0 ALT="LUCKY!" USEMAP="#sengoku_Map"><br /><MAP NAME="sengoku_Map"><br /><AREA SHAPE="rect" ALT="add me" COORDS="415,323,480,331" HREF="http://www.xanga.com/Private/SubscribeTo.aspx?user=realisticality" TARGET="_blank"><br /><AREA SHAPE="rect" ALT="look and feel" COORDS="374,324,398,330" HREF="http://www.xanga.com/CLAF/default.asp" TARGET="_self"><br /><AREA SHAPE="rect" ALT="profile" COORDS="319,323,358,330" HREF="http://www.xanga.com/profile.aspx?user=realisticality" TARGET="_self"><br /><AREA SHAPE="rect" ALT="private" COORDS="265,323,306,331" HREF="http://www.xanga.com/private/home.aspx" TARGET="_self"><br /><AREA SHAPE="rect" ALT="sign out" COORDS="354,227,397,235" HREF="http://www.xanga.com/logout.asp" TARGET="_self"><br /><AREA SHAPE="rect" ALT="sign in" COORDS="304,227,338,235" HREF="http://www.xanga.com/signin.asp" TARGET="_self"><br /><AREA SHAPE="rect" ALT="xanga.com" COORDS="258,227,289,235" HREF="http://www.xanga.com/" TARGET="_self"><br /></MAP><br /><br /></div><br /><div id="content" style="margin-top: -435px; margin-left:280px; width:288px; height:178px; margin-right:0px; margin-bottom: 0px; overflow: auto; filter: none;"><br /><br /><script language="JavaScript">document.title="LUCKY";</script><br /><br /><!-- end code provided by createblog.com --><br /><br /><style type="text/css"><br /><br />body {<br />  background-color: #ffffff;<br />  background-image: url();<br />  scrollbar-arrow-color: #000000;<br />  scrollbar-track-color: #E6E6E6;<br />  scrollbar-shadow-color: #E6E6E6;<br />  scrollbar-face-color: #E6E6E6;<br />  scrollbar-highlight-color: #E6E6E6;<br />  scrollbar-darkshadow-color: E6E6E6;<br />  scrollbar-3dlight-color: E6E6E6; <br />  }<br /><br />.left, .blogbody, table.footer, .standard, .leftmodulefontcolor, td, p, body, {<br />  font:normal 11px arial;<br />  line-height: 13px;<br />  color:000000;<br />  letter-spacing:0px;<br />  text-align:justify;<br />  }<br />input, select, textarea, iframe.htmleditor, .textfield, .button {<br />border: 1px solid #000000;<br />font:normal 11px ARIAL;<br />background-color: #ffffff;<br />font-color:#000000;}<br /><br />table.footer TD {<br />  text-align: center;<br />  }<br /><br />div.blogheader, .caption {<br />  font-family:ARIAL;<br />  font-size:15px;<br />  line-height: 16px;<br />  font-weight:bold;<br />  color:#000000;<br />  background-image: url();<br />  border-bottom: 1px solid #000000;<br />  text-align: justify;<br />  width:255px;<br />  }<br /><br />a:link, .footernav.link, a.footernav:link, a.footernav:active {<br />  color:#000000; <br />  font:normal 11px arial;<br />  line-height: 12px;<br />  font-weight:none;<br />  text-decoration: none;<br />  }<br /><br />a:visited, a.footernav:visited,  {<br />  color:#000000; <br />  font:normal 11px arial;<br />  line-height: 12px;<br />  font-weight:none;<br />  text-decoration: none;<br />  }<br /><br />a:hover {<br />  color:#EC6401;<br />  font:normal 11px arial;<br />  line-height: 12px;<br />  font-weight:bold;<br />  text-decoration: none;<br />  }<br /><br />table.blogbody {<br />  background-color: #transparent;<br />  border: 0px transparent; <br />  border-top: none;<br />  width:255px;<br />  }<br /><br />table.navigation, table.footer {display: none;} <br />.#rblEprops{display:none;}<br />#pnlEnabled table, #htmleditor, #lblTimeZone, #pnlEprops, #rblEprops <br />{width: 249px;<br />}<br />table.search TD, table.announcements TH {<br />  border: 0px solid transparent;<br />  width: 249px;<br />  }<br />table.navigation, table.main, table.footer {<br />  border: none;<br />  width: 249;<br />  }<br />table.navigation, table.footer {<br />  background-color:#transparent;<br />  border: 0px transparent;<br />  display: none<br />  width: 249px;<br />  }<br />hr {<br />  border: 0px solid #transparent;<br />  display:none;<br />  }<br /><br />table.blogbody tr td {<br />  width:0px;<br />  padding: 0px;<br />  }<br />table.blogbody div.smalltext{<br />  text-align: center;<br />  width: 249px;<br />  }<br /><br />body {overflow-x: hidden;}<br /><br />.leftmoduletitlebar, .leftmoduleborder, .leftmoduleinterior, table.left, table.left TH, table.left TD, .table.footer, table.navigation {display: none;} <br /><br /></style><br /><style><br />strong { color: #EC6401; }<br /></style><br /><!-- end code provided by createblog.com -->

here's my xanga if you need further reference and if you don't understand my description...http://www.xanga.com/realisticality

thanks so much

[LatinaLady]

you need to keep changing the numbers so you can get it in the right place

---------
add this to your style sheet and edit to your liking

p.nav {
/* edits the menu modules */
width:135px;
background-color:none;
font-family:tahoma;
text-transform:capitalize;
font-size:11px;
line-height:11px;
font-weight:bold;
border: 0px solid #ffffff;
border-bottom: 1px solid #ffffff;
color:#CC3366;
letter-spacing:1px;
text-align: right;
}

then add this to positon and put what you want on your other gray box =)

<!-- begin code provided by createblog.com --><br /><div style="position:static; margin-left:-365px;margin-top: -480px;border: 0px solid #000000; width: 160px; height: 420px; background: none; border: none; overflow: auto; overflow-x:hidden"><br /><table border="0" width=100%><br /><tr><br /><td colspan=2><br /><p class=nav>about me</p><br /><tr><br /><td colspan=2><br /><br />Custom module here. add what you want. chatter box, music, counter<br /><br /><tr><br /><td colspan=2><br /><p class="nav">Navigation</p><br /><tr><br /><td><A href="http://www.xanga.com/private/home.aspx">Private</A><br><br /><a href="http://www.xanga.com/CLAF/default.asp">CLAF</A><br><br /><A href="http://www.xanga.com/private/subscriptions.aspx">SIR</A><br><br /></td><br /><td><br /><A <br />href="http://www.xanga.com/profile.asp?user=YOUR NAME">Profile</A><br><br /><A <br />href="http://www.xanga.com/private/SubscribeTo.aspx?user=YOUR NAME">Subscribe</A><br><br /><A <br />href="http://www.xanga.com/guestbook.asp?user=YOUR NAME">Guestbook</A><br /><br /><tr><br /><td colspan=2><br /><p class=nav>Blogrings</p><br /><tr><br /><td colspan=2><br /><br />Blogrings here<br /><br /><tr><br /><td colspan=2><br /><p class=nav>Custom module 2</p><br /><tr><br /><td colspan=2><br /><br />Custom module here. add what you want. chatter box, music, counter<br /><br /><tr><br /><td colspan=2><br /><p class=nav>Custom module 3</p><br /><tr><br /><td colspan=2><br /><br />Custom module here. add what you want. chatter box, music, counter<br /><br /><tr><br /></td><br /></tr><br /></table><br /></div><br /><br /><!-- end code provided by createblog.com -->