DIV problem. Options

[Ugly FX]

I made a div layout, and I put a section for a music player, but because I use a background music code, I don't need the music player "section" on the layout.

I've tried making it into another small table, but when I try, takes the entire layout, excluding the comment box & the contact me box, and puts it into my top table.

Here's the code, what am I doing wrong?

<style>
.x .credit to DUDEMAN4134 for original code xXx{visible and hidden objects}
table, table td {background-color:transparent;}
table table table {visibility:hidden;}
table table table div table {visibility:visible;}
.comt table table table {visibility:visible;}
table div div, table tr td div font a {visibility:hidden;}
table div .content {visibility:visible}

.x {gereral}
body {background-color:000000;background-image:url(''); background-attachment: fixed; background-position:bottom left; background-repeat:no-repeat;}
body {scrollbar-face-color:000000; scrollbar-highlight-color:FFFFFF; scrollbar-3dlight-color:000000; scrollbar-shadow-color:ffffff; scrollbar-darkshadow-color:000000; scrollbar-arrow-color:FFFFFF; scrollbar-track-color:000000;}

.x {text}
div, a, font, input, textarea, td, span {font-family: franklin gothic book !important;font-size:7pt !important; text-transform:lowercase !important;}
a, a font, font, span {color:FFFFFF !important;}

.x {divs}
.info, .commentbox, .contact, .musicplayer, .blank1, .welcome, .music, .tv, .books, .blank2, .comt {background-color:595959; position:absolute; left:50%; top:0%; visibility:visible; border-width:1px; border-style:solid; border-color:FFFFFF; overflow:auto;}
.heading {width:100%; background-color:000000; text-align:center; border-bottom-color:000000; border-bottom-width:1px; border-bottom-style:solid; color:FFFFFF !important;}
.content {padding:3px;}
.info {width:200px; height:200px;
margin-left:-310px; margin-top:164px;}
.commentbox {width:200px; height:66px;
margin-left:-310px ;margin-top:374px;}
.contact {width:200px; height:54px;
margin-left:-310px; margin-top:450px;}
.musicplayer {width:200px; height:70px;
margin-left:-310px; margin-top:515px;}
.blank1 {width:200px; height:200px;
margin-left:-310px; margin-top:595px;}
.welcome {width:410px; height:120px;
margin-left:-100px; margin-top:164px;}
.music {width:200px; height:210px;
margin-left:-100px; margin-top:294px;}
.tv {width:200px; height:130px;
margin-left:110px; margin-top:294px;}
.books {width:200px; height:70px;
margin-left:110px; margin-top:434px;}
.blank2 {width:410px; height:280px;
margin-left:-100px; margin-top:514px;}
.comt {width:0px;
margin-left:-0px; margin-top:0px;}

.x {comment box}
.commentbox {overflow:hidden;}
.commentbox input {border-color:ffffff; border-width:1px; border-style:solid; width:32px; height:21px; background-color:CCCCCC;}
.commentbox table textarea {position:relative; top:-9px; border-color:ffffff; border-width:1px; border-style:solid;}

.x {music player}
table table ebed{position:absolute; left:50%; top:0%; margin-left:-305px; margin-top:531px; width:190px;}

.x {contacting}
.contact a:link, .contact a:visited {width:95px; background-color:Black; border-color:ffffff; border-width:1px; border-style:solid; text-align:center; letter-spacing:1px;}
.contact a:active, .contact a:hover {background-color:000000; border-color:ffffff; color:FFFFFF !important; letter-spacing:3px;}

.x {friends and comments}
.comt table, .comt table td {border-width:0px;}
.comt a img {width:90px;}

.x {linked images}
a img {border-width:2px; border-color:"Red";}
</style>





<div class=info>
<span class=heading> Ugly FX </span>
<div class=content>
<center>
<img src="http://i94.photobucket.com/albums/l109/gorexxwhore_dolly/Picture067-1.jpg" height="155" Width="100"</a>
<br><br>
101 - Female - Deathtrap Kansas<br>
In A Relationship - Bisexual
<br><br>
View my: <a href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewPicture&friendID=70765034">Pics</a> | <a href="http://vids.myspace.com/index.cfm?fuseaction=vids.showvids&friendID=70765034">Videos</a> | <a href="http://blog.myspace.com/index.cfm?fuseaction=blog.ListAll&friendID=70765034">Blog</a>
</center>
</div>
</div>





<div class=commentbox>
<span class=heading>Succumb To The Reaper</span>
<div class=content>
<center><br>
<table cellpadding=0 cellspacing=1>
<tr>
<td rowspan=2>
<form method="post" action="http://comments.myspace.com/index.cfm?fuseaction=user.ConfirmComment">
<input name="friendID" value="70765034" type="hidden">
<textarea name="f_comments" rows=3 cols=25></textarea>
</td>
<td>
<input type=submit value=cmnt>
</td>
</tr>
<tr>
</td>
<tr>
</table>
</table>
</center>
</div>
</div>





<div class=contact>
<span class=heading>Contact Me</span>
<div class=content>
<center>
<a href="http://mail.myspace.com/index.cfm?fuseaction=mail.message&friendID=70765034" style="margin-bottom:2px;">Message</a>
<a href="http://collect.myspace.com/index.cfm?fuseaction=invite.addfriend_verify&friendID=70765034" style="margin-bottom:2px;">Add</a>
<a href="http://www.myspace.com/index.cfm?fuseaction=block.blockUser&userID=70765034" style="width:192">Block</a>
</center>
</div>
</div>






<div class=blank1>
<span class=heading>Heroes</span>
<div class=content>
<img src="http://i7.photobucket.com/albums/y282/LieImLiving/Jim%20Morrison/100605_31.jpg"

width=150px;height=250px></a>
<br>
<img src="http://i7.photobucket.com/albums/y282/LieImLiving/Evanescence/2.jpg"

width=150px;height=250px></a>
<br>
<img src="http://i7.photobucket.com/albums/y282/LieImLiving/slater1.jpg"

width=150px;height=250px></a>
<br>
<img src="http://espn-att.starwave.com/media/pg3/2004/0206/photo/hendrix_i.jpg"

width=150px;height=250px></a>
<br>
<img src="http://i18.photobucket.com/albums/b145/eribro/zzseether.jpg"

width=150px;height=250px></a>
<br>
<img src="http://i18.photobucket.com/albums/b141/EricsSlave/Eric%20Griffin/14de22cc.jpg"

width=150px;height=250px></a>
<br>
<img src="http://www.massimocarlotto.it/immagini/janis-joplin.jpg" width=150px;height=250px></a>
<br>
<img src="http://metalworld.webcindario.com/razze/cristinaLacuna%20Coil.jpg"

width=150px;height=250px></a>
<br>
<img src="http://myspace-791.vo.llnwd.net/00553/19/71/553351791_l.jpg"

width=150px;height=250px></a>
<br>
<img src="http://tlc.discovery.com/fansites/miami-ink/kat_corner/gallery/kat8_380.jpg"

width=150px;height=250px></a>
<br>
<img src="http://pub.tv2.no/multimedia/TV2/archive/00180/motley_crue_180683g.jpg"

width=150px;height=250px></a>
</div>
</div>






<div class=welcome>
<span class=heading>. FAQ .</span>
<div class=content>
<br>
<br>
<b>Q. Can you help me with HTML?</b><br>
A. Haha. No. I don't help people with HTML because I had to learn on my own.
<br><br>
<b>Q. Can you hook me up with tickets/shirts/cds from your band?</b><br>
A. As much as I'd love to, I can't. We only make so many shirts/cds that we don't have enough to

give away to personal friends. As for tickets, we can't do that either, unless you're with us the

day of the show, and you're on the list.<br><br>
<b>Q. Are you always so bitchy?</b><br>
A. Well, if you wouldn't ask stupid questions I wouldn't have to be would I?
</div>
</div>





<div class=music>
<span class=heading>MUSIC</span>
<div class=content>
Ayria <br>
Aerosmith<br>
AC/DC <br>
A Perfect Circle<br>
Alice In Chains<br>
All American Rejects<br>
Breaking Benjamin<br>
Bright Eyes<br>
The Beatles<br>
Black Sabbath<br>
Blink 182<br>
Coldplay<br>
Ray Charles<br>
Cinderella<br>
Chevelle<br>
Cake<br>
CKY<br>
The Clash<br>
Cracker<br>
Candlebox<br>
Collective Soul<br>
The Doors<br>
Def Lepord<br>
Deftones<br>
Dream Theater<br>
Dave Matthews Band<br>
Drowning Pool<br>
ELO<br>
Evanescence<br>
Foo Fighters<br>
Flyleaf<br>
Freezepop<br>
Godsmack<br>
Guns' N' Roses<br>
Garbage<br>
Jimi Hendrix<br>
Horrorpops<br>
Insane Clown Posse<br>
Janis Joplin<br>
Jefferson Airplane<br>
Jet<br>
Janes Addiction<br>
Jimmy Eat World<br>
Junior Varisty<br>
Jack Johnson<br>
KoRn<br>
Led Zepplin<br>
Living Colour<br>
Lacuna Coil<br>
Linkin Park<br>
Murderdolls<br>
Metallica<br>
Motley Crue<br>
Mudvayne<br>
Marilyn Manson<br>
Misfits<br>
Megadeath<br>
Morphine<br>
Nirvana<br>
Nine Inch Nails<br>
Offspring<br>
Ozzy Osbourne<br>
Pink Floyd<br>
Pantera<br>
Pearl Jam<br>
Papa Roach<br>
Poison<br>
Queen<br>
Rise Agaisnt<br>
Rush<br>
Red Hot Chili Peppers<br>
R.E.M<br>
Ramones<br>
Seether<br>
Joss Stone<br>
Scorpians<br>
Steve Miller Band<br>
Shinedown<br>
Smile Empty Soul<br>
System Of A Down<br>
Staind<br>
Slipknot<br>
Thursday<br>
Tool<br>
Three Days Grace<br>
Tom Petty & The Hearbreakers<br>
Twisted Sister<br>
Stevie Ray Vaughn<br>
Van Halen<br>
Stevie Wonder<br>
White Snake<br>
White Stripes<br>
Rob Zombie<br>
<br>
</div>
</div>






<div class=tv>
<span class=heading>TV</span>
<div class=content>
Aqua Teen Hunger Force<br>
Family Guy<br>
Grim Adventures Of Billy & Mandy<br>
South Park<br>
Camp Lazlo<br>
Law & Order: SVU<br>
History Channel<Br>
Space Ghost<br>
Ed Edd & Eddy<br>
King Of The Hill<br>



</div>
</div>



<div class=books>
<span class=heading>BOOKS</span>
<div class=content>
Anything about the sixties mostly.<br>
Biographies on Jim Morrison, Jimi Hendrix, & Janis Jopplin<br>
All of Jim's poetry books.<Br>

</div>
</div>





<div class=blank2>
<span class=heading>About Me</span>
<div class=content>
<BR>
<br>
Hi. I'm Kelly.<br>
<b>AKA</b> Reaper;Killer;Kello;Hippie;Face;FXI;<br>
Loser;Cigarettes;Kinkified;<br>
Kelly Bunny;Bunny;Death;<br>
KXPH;Faux;KXN;<br>
"Hey You!";
<br><br>
<u>I've got a bottle of whisky & a lighter.</u><br>
I can be a <b>vulgar bitch</b>. I have horrible anger problems, and I'm very short fused. I'm

territorial. I am the Reaper. I'm an artist. Art meaning, I draw, I write & I play. <b>It's what

I live for.</b> I love doing things for peoples reactions. I hate people. Not specific people,

the entire human race. Have a problem with it? Too bad. I don't give a shit as to what <b>you &

your highschool drama friends</b> think of me, 'cause I have the greatest friends in the world.

<br><br>
<b>Do not f**k with my friends, or Ms. Death herself will be at your f**king door in a heartbeat.

<u>Understood?</u></b>
<br><br>
<center>
<b><u>Yes</u></b> I do my own make up.<br>
<b><u>Yes</u></b> I make most of my own clothes.<br>
<b><u>Yes</u></b> I cut my own hair.<br>
<b><u>Yes</u></b> I do all my own stunts.<br>
<br><br>

<br><br>
<b>do not add me if:</b><br>
You <u>cannot</u> write a <b>logical</b> sentence.<br>
You type like <u>this</u>:: h3yy watzz up h0mi3?!<br>
You want to <u>pick fights</u> with me.<br>
You're an <u>idiot</u>.<br>
You're not going to <u>talk to me</u><br>
<br><br>

If you do not like me, Great! Don't add me then. Don't try to start stupid drama with me, because

you're <b>not</b> hardcore with a keyboard.
<br><br><br>

<br><img src="http://i94.photobucket.com/albums/l109/gorexxwhore_dolly/Picture063.jpg"

height="100" width="100"></a><br>
<b>I kiss Mirrors;Girls;Boys;<br>& If you don't like it, that's too bad.</b>

<br><br>
<br><br>
<br><img src="http://i7.photobucket.com/albums/y282/LieImLiving/thaim.gif"></a>
xFpoon<br>
<img

src="http://i7.photobucket.com/albums/y282/LieImLiving/yahoo.gif"></a>Dead60sHippie<br><br><br>
</div>
</div>



<style type="text/css">.comments {visibility:hidden;display:none;}</style><br />

[freeflow]

What? Do you mean when you give it its own box everything else moves? If so add z-indexes.

[Ugly FX]

Basically. All the tables to the right of it, basically combine into one little table.

[freeflow]

Add zindexes. In the div parts of the code in style tags. Before the } andd z-index: #; Give each div a different number.

If that doesn't work link your profile.

[Ugly FX]

... Ah. I got it, but now there's a big empty spot where the player used to be...

And if I try to add a table in, it combines in the first box.

http://www.myspace.com/pullthe_trigger_

[freeflow]

Your profiles private. Did the music player just hide? or was the code removed?


Also next div layout don't use margins and percents when positioning. It doesn't show aligned for everyone and its most likely the cause of your problems. Use :
top: #px; left: #px; width: #px; height: #px; z-index: #;

Not all those margins and percents they do you no good.