problem with div band layout, divs not showing up Options

[alias5731]

okay I followed the tutorial to make a div band layout : here.

I made a div main picture see here.
My problem is: when I want to add a "about me" div over the main image, it won't show up. I don't understand where the problem is. I removed the main div picture to see if the other div wasn't hidden behind, and no. my "about me" div is simply not showing!

here's my code, all in "BIO". Any help pleeease? I need it quick, it's a birthday present :(

<style>
.contactTable *, .latestBlogEntry *, span form, td div, .blurbs .orangetext15, .lightbluetext8 .nametext, .myComments div font, .myComments div a {display:none;}
td.text div, object, div table div {visibility:visible; display:block}
.friendsComments *, .friendSpace *, .a {visibility:visible;}
table, tr, td, td td div {visibility:visible; border:0px; background-color:transparent;}
.myComments div {font-size:0px!important;}
.navbar img {display:yes;}
div table {background-color:transparent !important; border-bottom:0px !important;}
div td {font-size:1px; letter-spacing:-10px;}div td td {font-size:11px; letter-spacing:0px;}

td td.text object {
position:absolute;
top:200px;
left:50%;
margin-left:-400px;
}

.note {keep any third party objects in static position}
div object {position:static; margin:0px!important;}

.myComments {
width:700px;
overflow:auto;
background-color:transparent;
margin-bottom:100px;
position:absolute!important;
top:1650px; left:50%;
margin-left:-200px;
z-index:9;
font-color: FFFFFF; font-size: 11px; font-family: tahoma;}


table table td.text table td.text tbody table tbody td table td {display: yes;}
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:yes;}
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 {font-size:8pt;}



div.myDiv {
position:absolute;
top:220px;
left:50%;
margin-left:-475px;
z-index:1;
background-color:333333;
width:910px;
height:1454px;
color:white;
font-weight:bold;
text-align:center;
}


div.about {
position:absolute;
height:240px;
width:186px;
left:50px;
top:850px;
padding:2px;
font-family:arial;
font-size:11px;
line-height:12px;
color:000000;
letter-spacing:0px;
text-align:left;
overflow:auto;
}



.note {body; is where you can set your body background looks like}
body {
background-color:000000;
background-image:url(url to image);
background-attachment:fixed;
background-position:center-top;
background-repeat:repeat;
}


td td.text object {
position:absolute;
top:850px;
left:50%;
margin-left:-350px;
background-color: transparent;
}

table table td.text object,
table table td.text embed {width:350px; height:300px;}

.note {keep any third party objects in static position}
div object {position:static; margin:0px!important; width:auto; height:auto}


.a {hide top search bar}
div div select, div div form {display:none !important;}

</style>

<div class="myDiv"><img src="http://i30.tinypic.com/ixtw1z.jpg"/></img></img></div>


<div class="about">I am Manu, 21, french, rocker. You will find on this website a few of my personal compositions.
I have always been passionate about music, but I have started only a couple of years ago playing guitar & composing. This is just the beginning!

My music is influenced by all sorts of artists, from country music to metal. I do not pretend this sounds like any of my favorites; I just deal with what I have and I hope you will enjoy it!

I am actually attented a business school but I hope to produce nice things again in a close future. Check the updates!
</div>

</td></tr></table> </td></tr></table> <table><tr><td> <div class="myComments"> <table><tr><td> <table><tr><td> <table><tr><td> <table style="display:none"><tr><td> <table><tr><td>

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

[alias5731]

Okay I replace 50px by 50% but still no change.
and I do have a song uploaded, I checked on FF & IE and it shows up...

[alias5731]

I changed the top position to 0px. so it should appear at the very top of the page right? Except it's not and my main image is only starting at about 250px or so. so it's definitely not hidden by the image.

Also I don't really know what z-indexes do, but I put the same z-index as the one used in the MyDiv codes, ie z-index:1.

didn't seem to change anything :(

[alias5731]

EDIT: I've put the body background color to "transparent" and now I actually see my "About me" div at the very top.

Sooo.... how do I put the "about me" div in front rank?

[alias5731]

actually it was going back under the main picture. but I fixed it, I just replaced the div codes of the main image by another code I had in a previous layout.
Thanks for your help anyway!

[alias5731]

Hey thanks! I made it all myself :D
you can close the topic if you want now. I'm all good! thanks again for being so quick!

[MissHygienic]

Topic closed.