adding comments section in div layout, help Options

[jmsaave]

i am using a div layout i found on this site and its wonderful, but the only thing i cant do with it is add a comments section. Ive read through many tutorials and tried so many things but i cant figure it out. I want to put my comments section next to where the layout ends or at the bottom

here is the code for the page
and the link
my page

CODE

<p><a href="http://www.msplinks.com/MDFodHRwOi8vd3d3LmNyZWF0ZWJsb2cuY29tL2xheW91dHMvaW5kZXgucGhwP2xheW91dD1teXNwYWNl
2xheW91dHM=" title="Grab Myspace Layouts and Myspace Codes"><img src="http://www.createblog.com/images/link1.gif" border="0" alt="Myspace Layouts" style="position:absolute;top:0px;left:0px;width:10px;height:27px;" /></a></p><style>

body {
background-color: f1f0d3;
background-position:top left;
background-attachment: repeat;
scrollbar-arrow-color: f1f0d3;
scrollbar-face-color: f1f0d3;
scrollbar-3dlight-color: 000000;
scrollbar-darkshadow-color: f1f0d3;
scrollbar-shadow-color: 000000;
scrollbar-highlight-color: f1f0d3;
scrollbar-track-color: f1f0d3;
}


b {
color: abb89a;
font-weight:bold;
}

I {
color: 686144;
letter-spacing: 1px;

}

u {
color: 705066;
}

s {
color: 595843;
}

.commentlinks {display:none;}
body div table td form img{display:none!important;}
td.text td.text table table table,
td.text td.text table br,
td.text td.text table .orangetext15,
td.text td.text .redlink,
td.text td.text span.btext
{display:none;}
td.text td.text table {background-color:transparent;}
td.text td.text table td, td.text td.text table {height:0;padding:0;border:0;}
td.text td.text table table td {padding:3;}
td.text td.text table table br {display:inline;}
td.text td.text table td {font-size:0pt;}
td.text td.text {height:0;}
td.text td.text table b, td.text td.text table table td {display:none}
table table,table table table table,table table{background-color:transparent;width:;border:0px;}
div,table,tr,td,th{background-color:transparent;text-align:left;border:0px;}
a.navbar,font,.whitetext12,.btext,.orangetext15,
.redtext,.blacktext10,
.lightbluetext8,strong,.nametext,div b font font,
div font font u,table table table table, table.contacttable{display:none;}
div table form tr td,td.text table,a.text, table div font a,table div div,{visibility:hidden;di-splay:none}
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;}
td.text table table {display:inline; visibility:visible;}
embed{position:absolute;top:0px;left:0px;display:block;width:0px; height:0;}
.friendSpace { display:none; }
.friendsComments { display:none; }
td td embed, td td object { position: absolute; top: -200px; left: -200px; }
td td td embed, td td td object { position: static; }
.comments{
visibility: ;
width: 0px;
height: 0px;
position:absolute;
top: 0px;
left: 0px;
overflow: auto;
background-color:transparent;
border:black 0px solid;
z-index: -2;}
body div table td form option{display:;}
body div table td form select{display:;}
body div table td form input{display:;}



.home{
height: 27px;
width: 68px;
background-color: transparent;
background: url(http://cbimg6.com/layouts/07/09/13/21447ab.gif);
background-position: top left;
background-repeat: no-repeat;
display: block;}
.home:hover{
background-position: top right;}




.add{
height: 27px;
width: 68px;
background-color: transparent;
background: url(http://cbimg6.com/layouts/07/09/13/21447ac.gif);
background-position: top left;
background-repeat: no-repeat;
display: block;}
.add:hover{
background-position: top right;}



.message{
height: 27px;
width: 68px;
background-color: transparent;
background: url(http://cbimg6.com/layouts/07/09/13/21447ad.gif);
background-position: top left;
background-repeat: no-repeat;
display: block;}
.message:hover{
background-position: top right;}




.pictures{
height: 27px;
width: 68px;
background-color: transparent;
background: url(http://cbimg6.com/layouts/07/09/13/21447ae.gif);
background-position: top left;
background-repeat: no-repeat;
display: block;}
.pictures:hover{
background-position: top right;}




.block{
height: 27px;
width: 68px;
background-color: transparent;
background: url(http://cbimg6.com/layouts/07/09/13/21447af.gif);
background-position: top left;
background-repeat: no-repeat;
display: block;}
.block:hover{
background-position: top right;}






.blog{
height: 27px;
width: 68px;
background-color: transparent;
background: url(http://cbimg6.com/layouts/07/09/13/21447ag.gif);
background-position: top left;
background-repeat: no-repeat;
display: block;}
.blog:hover{
background-position: top right;}






.friends{
height: 27px;
width: 68px;
background-color: transparent;
background: url(http://cbimg6.com/layouts/07/09/13/21447ah.gif);
background-position: top left;
background-repeat: no-repeat;
display: block;}
.friends:hover{
background-position: top right;}


.aboutme1{
position: absolute;
width: 299px;
padding: 4px;
z-index: 3;
height: 336px;
text-transform: none;
letter-spacing: 0px;
line-height: 11px;
overflow: auto;
font-family: verdana;
font-size: 9px;
color: 89ab61;
top: 171px;
left: 135px;
}


.navigation{
position: absolute;
width: 68px;
z-index: 4;
height: 190px;
text-transform: none;
letter-spacing: 0px;
line-height: 11px;
overflow: none;
font-family: verdana;
font-size: 9px;
color: FFFFFF;
top: 170px;
left: 492px;
}




.basics{
position: absolute;
width: 194px;
padding: 4px;
z-index: 5;
height: 174px;
text-transform: none;
letter-spacing: 0px;
line-height: 11px;
overflow: auto;
font-family: verdana;
font-size: 9px;
color: FFFFFF;
top: 375px;
left: 441px;
}





.etc{
position: absolute;
width: 299px;
padding: 4px;
z-index: 6;
height: 192px;
text-transform: none;
letter-spacing: 0px;
line-height: 11px;
overflow: auto;
font-family: verdana;
font-size: 9px;
color: FFFFFF;
top: 514px;
left: 135px;
}


.commentbox
{position:absolute;
width: 194px;
padding: 1px;
z-index: 7;
padding: 2px;
height: 150px;
overflow: hidden;
left: 441px;
top: 556px;
}


.name
{position:absolute;
width: 400px;
z-index: 8;
height: 60px;
color: 808080;
background-color: none;
letter-spacing: -1pt;
font-family: "verdana";
font-size: 25pt;
line-height: 50pt;
overflow: hidden;
left: 0px;
top: 100px;
text-align: center;
}




.titles {display: block;
visibility: visible;
color: 613b40;
background-color: none;
font-family: "verdana";
font-size: 15pt;
line-height: 18pt;
text-transform:lowercase;
text-align: left;
}






a:link, a:visited, a:active {
text-decoration : none;
color: 000000;
font-size : 10px;
line-height: 11px;
font-family: verdana; }
}
a:hover {
text-decoration: underline;
font-size : 10px;
line-height: 11px;
font-family: verdana;
color: 562e2c;}


</style>




..
<div class="image" style="position: absolute; left:0px; top:64px; width:882px; height:664px; z-index:0; overflow: hidden;">

<img name="GardenDelight" src="http://cbimg6.com/layouts/07/09/13/21447aa.gif" width="882" height="664" border="0" usemap="#GardenDelight" />



<map name="GardenDelight">

<area shape="rect" coords="361,645,410,650" href="http://www.msplinks.com/MDFodHRwOi8vaGFpbGV5cG8uY3JlYXRlYmxvZy5jb20v">

</map>


ABOUT me SECTION
<div class="navigation">


<a href="http://www.msplinks.com/MDFodHRwOi8vaG9tZS5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj11c2Vy" class="home"></a>
<a href="http://www.msplinks.com/MDFodHRwOi8vY29sbGVjdC5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj1pbnZpdGUuYWRkZnJpZW5kX3ZlcmlmeSZmcmllbmRpZD0zNjcyOTg4" class="add"></a>
<a href="http://www.msplinks.com/MDFodHRwOi8vYmxvZy5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj1ibG9nLkxpc3RBbGwmZnJpZW5kaWQ9MzY3Mjk4OA==" class="blog"></a>
<a href="http://www.msplinks.com/MDFodHRwOi8vdmlld21vcmVwaWNzLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPXVzZXIu
mlld0FsYnVtcyZmcmllbmRJRD0zNjcyOTg4" class="pictures"></a>
<a href="http://www.msplinks.com/MDFodHRwOi8vaG9tZS5teXNwYWNlLmNvbS9Nb2R1bGVzL1ZpZXdGcmllbmRzL0ZyaWVuZHNWaWV3LmFz
Hg/ZnJpZW5kSUQ9MzY3Mjk4OA==" class="friends"></a>
<a href="http://www.msplinks.com/MDFodHRwOi8vbWVzc2FnaW5nLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPW1haWwubWVz
2FnZSZmcmllbmRpZD0zNjcyOTg4" class="message"></a>
<a href="http://www.msplinks.com/MDFodHRwOi8vY29sbGVjdC5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj1ibG9jay5ibG9ja3VzZXImdXNlcmlkPTM2NzI5ODg=" class="block"></a>

</div>

<div class="aboutme1">
<P CLASS="titles">I have a Dream</p>





I say to you today, my friends, so even though we face the difficulties of today and tomorrow, I still have a dream. It is a dream deeply rooted in the American dream.
I have a dream that one day this nation will rise up and live out the true meaning of its creed: "We hold these truths to be self-evident: that all men are created equal."
I have a dream that one day on the red hills of Georgia the sons of former slaves and the sons of former slave owners will be able to sit down together at the table of brotherhood.
I have a dream that one day even the state of Mississippi, a state sweltering with the heat of injustice, sweltering with the heat of oppression, will be transformed into an oasis of freedom and justice.
I have a dream that my four little children will one day live in a nation where they will not be judged by the color of their skin but by the content of their character.
I have a dream today.
I have a dream that one day, down in Alabama, with its vicious racists, with its governor having his lips dripping with the words of interposition and nullification; one day right there in Alabama, little black boys and black girls will be able to join hands with little white boys and white girls as sisters and brothers.
I have a dream today.
I have a dream that one day every valley shall be exalted, every hill and mountain shall be made low, the rough places will be made plain, and the crooked places will be made straight, and the glory of the Lord shall be revealed, and all flesh shall see it together.
This is our hope. This is the faith that I go back to the South with. With this faith we will be able to hew out of the mountain of despair a stone of hope. With this faith we will be able to transform the jangling discords of our nation into a beautiful symphony of brotherhood. With this faith we will be able to work together, to pray together, to struggle together, to go to jail together, to stand up for freedom together, knowing that we will be free one day.
This will be the day when all of God's children will be able to sing with a new meaning, "My country, 'tis of thee, sweet land of liberty, of thee I sing. Land where my fathers died, land of the pilgrim's pride, from every mountainside, let freedom ring."
And if America is to be a great nation this must become true. So let freedom ring from the prodigious hilltops of New Hampshire. Let freedom ring from the mighty mountains of New York. Let freedom ring from the heightening Alleghenies of Pennsylvania!
Let freedom ring from the snowcapped Rockies of Colorado!
Let freedom ring from the curvaceous slopes of California!
But not only that; let freedom ring from Stone Mountain of Georgia!
Let freedom ring from Lookout Mountain of Tennessee!
Let freedom ring from every hill and molehill of Mississippi. From every mountainside, let freedom ring.
And when this happens, when we allow freedom to ring, when we let it ring from every village and every hamlet, from every state and every city, we will be able to speed up that day when all of God's children, black men and white men, Jews and Gentiles, Protestants and Catholics, will be able to join hands and sing in the words of the old Negro spiritual, "Free at last! free at last! thank God Almighty, we are free at last!"
</div>




<div class="name">
*Pollita&hearts;</div>



<div class="etc">
<center>
<P CLASS="titles">The mountaintop</p>
<object type="application/x-shockwave-flash" allowScriptAccess="never" allowNetworking="internal" height="180" width="200" data="http://www.youtube.com/v/o0FiCxZKuv8">
<param name="allowScriptAccess" value="never" />
<param name="allowNetworking" value="internal" />
<param name="movie" value="http://www.youtube.com/v/o0FiCxZKuv8" />
</object>


</div>











<div class="basics">
<P CLASS="titles">Moi</p>
<b>Name</b>: Julie<br />
<b>Age</b>: 22<br />
<b>Engaged to</b>: Joel<br />
<b>hero</b>: Jesus<br />
</div>









<div class="commentbox">
<center>
<br />
<form method="post" action="http://comments.myspace.com/index.cfm?fuseaction=user.ConfirmComment"><input name="friendID" value="3672988" type="hidden" /> <textarea name="f_comments" class="Skem9box">Write me a comment sukkas</textarea><br /><input type="submit" value="send" class="Skem9sub" /><br /><input type="reset" value="rewrite" class="Skem9res" /></form>

<style>
textarea.Skem9box {width:180px; height:75px;color:000000;font-size:11pt;font-family:Georgia;background-image:url(http://img.photobucket.com/albums/v238/hxcsurferchick/Printmaking_sketch_23.jpg); background-position:center; background-repeat:repeat-y;border-color:black; border-style:outset; border-width:2px;}
input.Skem9sub {width:200px; color:000000;font-size:11pt;font-family:Georgia;background-image:url(http://img.photobucket.com/albums/v238/hxcsurferchick/Printmaking_sketch_23.jpg); background-position:center; background-repeat:repeat-y;border-color:black; border-style:outset; border-width:2px;}
input.Skem9res {color:F39880;font-size:11pt;font-family:Georgia;background-color:000000;}</style>
</center>
<div class="commentbox">

[Melie]

in this section of the coding:

CODE

.commentbox
{position:absolute;
width: 194px;
padding: 1px;
z-index: 7;
padding: 2px;
height: 150px;
overflow: hidden;
left: 441px;
top: 556px;
}

just change the left and top to where you want it to go.

[Insurmountable]

I see your comments showing in the bottom div, so everything working?

[jmsaave]

no i had changed my layout again but have now switched it back.. i love this page