question about div layers... Options

[beach_bumXx]

i want to add more content to the right side section but when i do it moves the content in the left section down the page......how do i fix it so the left side stays there?

here's my xanga

[LatinaLady]

make sure you change the height it happened to me also so change the height and see what happens

[beach_bumXx]

which height tho? here's the code:

CODE

<!-- begin code provided by createblog.com -->
<!-- begin code provided by createblog.com -->
<div align="left"><div style="position:static; margin-left:-10px;margin-top: -18px;border: 0px solid #000000;">
<img src="http://images.cbstaff.com/xanga/02/skin514_image.jpg" alt=""></div>

<div style="position:static; margin-left:496px;margin-top:-365px;border: 0px solid #000000; width: 153px; height: -1000px;font-family: Verdana; font-size: 10px;background: none;">

<p class="navhead">You Know How I Do</p>
<b>Name:</b> Jennifer/Jen<br>
<b>Age:</b> 15<br>
<b>Birthday:</b> February 5, 1989<br>
<b>Location:</b> Tampa, FL<br>
<b>Status:</b> Single...<br>
<br>
<b>AIM:</b> hrt x breaka25<br>
(^in need of a new sn..im open to suggestions)<br>


<p class="navhead">The Blue Channel</p>
<a href="http://www.xanga.com/home.aspx?user=beach_bumXx">Refresh</a><br>
<a href="http://www.xanga.com/claf">Edit</a><br>
<a href="http://www.xanga.com/private/home.aspx">Private</a><br>
<a href="http://www.xanga.com/signin.aspx">Log in</a><br>
<a href="http://www.xanga.com/logout.aspx">Log out</a><br>

<p class="navhead">Theres No 'I' In Team</p>
This layout was created by <a href="http://www.createblog.com/">DesperateXMeasures</a> for Createblog.com


</font></div>

<div style="position:static; margin-left:-15px;margin-top: 30px;border: 0px solid #000000; width: 490px; height: 100%;background: none;overflow: visible;">
<style type="text/css">
body {
background-color: #070809;
background-image: url("http://images.cbstaff.com/xanga/02/skin514_bg.jpg");
background-repeat:repeat-y;
background-position: top left;
scrollbar-arrow-color: #070809;
scrollbar-track-color: #070809;
scrollbar-shadow-color: #000000;
scrollbar-face-color: #4b5b6b;
scrollbar-highlight-color: #FFFFFF;
scrollbar-darkshadow-color: #000000;
scrollbar-3dlight-color: #FFFFFF;
}

.#rblEprops{display:none;}
#pnlEnabled table, #htmleditor, #lblTimeZone, #pnlEprops, #rblEprops
/* width of the comment page I suggest miking it the same width as the blogbody*/
{width:485px;
}

.left, .blogbody, table.footer, .standard, .leftmodulefontcolor, td, p {
/* edits main text */
font:normal 10px Verdana;
line-height:12px;
color: #000000;
letter-spacing:0px;
text-align:justify;
}

table.footer TD {
/* this makes the footer at the bottom centered */

/* leave it alone unless you know what to do*/
text-align: center;
}

div.blogheader, .caption {
/* edits the dates */
font-family:Verdana;
text-transform:Justify;
font-size:20px;
line-height:22px;
font-weight:normal;
color: #697F95;
letter-spacing:3px;
background-color: transparent;
text-align: right;
}

a:link, .footernav.link, a.footernav:link, a.footernav:active {
/* edits the links that the user has visited */
color: #353D47;
text-decoration: none;
}

a:visited, a.footernav:visited,  {
/* edits the links that the user has visited */
color: #353D47;
text-decoration: none;
}

a:hover {
/* edits when user mouseovers the links */
color:#FFFFFF;
cursor: crosshair;
text-decoration: underline;
style: dotted;
}

input, select, textarea, .textfield, .button {
/* this edits the buttons, dropdowns, etc. */
border: 1px solid #000000;
font:normal 11px arial;
background-color: #070809;
letter-spacing:0px;
color: #FFFFFF;
}

table.left {
/* this edits the menu module */
border: 0px solid #000000;
width:0px;
background-color: #FFFFFF;
}

table.blogbody {
/* this edits the other the place where the  blog is */
border: 0px solid c0c0c0;
background-color: transparent;
width:485px;
}

table.left th {
/* on your menu module, this edits the title part of it */
/* like BLOGRINGS, POSTING CALENDAR, etc */
background-image: url(http://url.com/to/the/site/image.gif);
background-color: #FCEBFF;
font: bold 11px arial;
color: #C991AE;
border: none;
}
table.left TD {
/* on your menu module, this edits the body part of it */
background-image: url(http://url.com/to/the/site/image.gif);
background-color: #FFFFFF;
border: none;
}
.leftmoduletitlebar, .leftmoduleborder, .leftmoduleinterior, table.left, table.left TH, table.left TD, table.navigation, table.footer

{display: none;}

table.search TD, table.search, table.announcements {
/* border of search bar (if you have it) */
background-color: #FCEBFF;
border: 1px solid #c0c0c0;
}
table.search TD, table.announcements TH {
/* this should be left alone */
/* unless you know what to do */
border: 0px solid #c0c0c0;
}
table.navigation, table.main, table.footer {
/* the width of your blog with modules */
width: 0px;
}
hr {
/* horizontal divider */
border: 1px solid #000000;
}
.navhead {
background-color: transparent;
font:bold 10px Verdana;
color: #000000;
line-height: 15px;
text-transform:Justify;
letter-spacing: 1px;
text-align: center;
border: 2px solid #4b5b6b;
border-left-width:0px;
border-right-width:0px;
border-top-width: 0px;
}
</style>

<!-- end code provided by createblog.com -->
<!-- end code provided by createblog.com -->

[sweetxsimplicity]

Find this code in your Custom Header HTML:

CODE

<!-- begin code provided by createblog.com -->
<div style="position:static; margin-left:-15px;margin-top: 30px;border: 0px solid #000000; width: 490px; height: 100%;background: none;overflow: visible;">

Change it to

CODE

<!-- begin code provided by createblog.com -->
<div style="position:static; margin-left:-15px;margin-top: 30px;border: 0px solid #000000; width: 490px; height: PUT WHAT YOU WANT THE HEIGHT TO BE HERE;background: none;overflow: visible;">
<!-- end code provided by createblog.com -->

[beach_bumXx]

change the height to what though....a higher percent than 100%? a number of pixels?