Please help me!, My div overlay is messed... Options

[Nina-Williams]

I made a div layout 800x1200.
So, it would scroll. But when I added my two boxes, one about me and the other for some marquee icons, they were moving like the scrollbar. I think it is the position?

[schizo]

That's what you change the margin for, not the percent. By changing the 270 or whatever number you have in margin-left:270px;, the layer will move.

Edit:
If you can't get it, I positioned it for you. If you want to make minor adjustments, make sure you only change the number after margin-left, NOT THE PERCENTS.

CODE

<style>div[id="googlebar"],
div div select{
opacity:0;
filter:alpha(opacity=0);
display:none !important;
position:absolute !important;
bottom:2000px !important;}
div div select, div div form, div div input{display:none;filter:alpha(opacity=0);-moz-opacity:0;opacity:0;}

body {
background: url();
background-position:no repeat;
background-color:300070;
line-height: 10px;
cursor: default;
color:333;
scrollbar-arrow-color:FF80E5;
scrollbar-face-color: black;
scrollbar-3dlight-color: black;
scrollbar-darkshadow-color:darkviolet;
scrollbar-shadow-color: black;
scrollbar-highlight-color: black;
scrollbar-track-color: black;
}


.profileInfo, .contactTable, .userProfileURL, .interestsAndDetails, .userProfileDetail, .userProfileNetworking, .userProfileSchool, .userProfileCompany, .extendedNetwork, .latestBlogEntry, .blurbs td.text, .orangetext15, .friendSpace, .friendsComments, table div, .profile, div div table div ul, div div table div { display:none!important; } div table div, table table div, .clearfix, div div table div div { display:block!important; }
td td td td{border:0px;width:0px;text-align:left;}
table,td,tr{padding:0px;width:;background-color:transparent}
table table table{padding:1px;height:.01%;width:100%;}
table table,table table table table,table,tr,td{height:0px;!important;border:0px;!important}
a.text,table div font a,table div div,.navbar font,tr td font{visibility:hidden;display:none;height:0px;!important;}
table table table table,table table table table td.text, td.text td.text table{display:none;}
td.text table table{display:inline;visibility:visible;}
table td table tr td.text table{visibility:hidden;}
table td table tr td.text table table,table td table tr td.text table table td.text{visibility:visible;}
img { border:0;}

.aboutme {
background-color:transparent;
width: 300px;
position:absolute;
z-index:2;
top:200px;
left: 50%;
margin-left: -550px;
text-align:justify;
font-size: 8pt;
overflow:auto;
height: 250px;}

.maiden {
background-color:transparent;
width: 300px;
position:absolute;
z-index:2;
top:710px;
left: 50%;
margin-left: -550px;
text-align:justify;
font-size: 8pt;
overflow:auto;
height: 250px;}

.div {
background:none;
overflow:auto;
position:absolute;
z-index:2;
top:2px;
left: 50%;
margin-left: -600px;
text-align:left; }

div.nav a {
text-align: center;
font: 12px times;
letter-spacing:2;
display:inline;
padding:0px;
margin-right: 5px;
line-height:12px;
}

div.nav a:link,.nav a:visited, div.nav a:active {
color:490E99;
display:inline;
font-style:normal;
background:none;}

div.nav a:hover {
color:ffb0cd;

}

font, td, a, table, td, li, p, div, textarea, li, h1, h2, p, br {
font-family:tahoma;
font-size: 8pt;
color:ffb0cd;
font-weight: normal;
text-decoration: none;
letter-spacing: 0px;
padding: 0px;
line-height: 17px;}

h1 {
font: 9pt tahoma;
text-align: center;

margin:ffb0cd;
border-bottom:1px solid;
border-bottom-color:370080;
font-weight:italic;}

div.title {
font: 15pt "tahoma";
text-align: right;
letter-spacing: 2px;

position:absolute;
z-index:2;
top:0;
margin-top:423px;
left: 50%;
margin-left: -100px;
color:ff328b;
width:400px;}



a:link, a:visited, a:active {color:ff328b; text-decoration: none; font-weight:bold;}
a:hover {cursor: ne-resize; color:000000; text-decoration: none;}


</style>
<table><tr><td><table><tr><td><table><tr><td>

That's only the About Me part. I didn't edit anything in the second half, so just keep it the same.