Comments Section spacing Options

[timebomb606]

Hello guys, I am working on a page for my friends band, I have two simple questions.

If you see the " bio" section...under it ive added a bunch of spaces to "push" the page down so the comments section shows up underneath the members section on the left.

Im sure there is a way to make it show up under that section automatically so i dont have to add all those spaces.

Link to the page www.myspace.com/justintesting

And can anyone give me a code to just move the music player to the right slightly so its not so close to the left side div?

Any help would be awesome.

Justin.

CODE

<style>

.masthead {_margin-top: -1200px;position:absolute; margin-top:-1375px; margin-left:-428px; left:50%; width:450px; height:700px; z-index:2;}
</style>

<style>body table{ margin-top:625px;_margin-top: 600px; color: 000000; }
body td table, body div table { margin-top: 0; _margin-top:0; color: 000000; z-index:9;}</style>

<style>
.tg_left {position:absolute; margin-top:-775px; margin-left:-423px; left:50%; width:360px; height:1000px; background-color:black; z-index:2;}
</style>

<div class="tg_left">
<center>
<img src="http://i463.photobucket.com/albums/qq358/justinbrownell/left01.jpg" />
<img src="http://i463.photobucket.com/albums/qq358/justinbrownell/left02.jpg" />
<br />
<br />
<br />
<br />
<img src="http://i463.photobucket.com/albums/qq358/justinbrownell/memberssmall.jpg" />
<br />
<br />
<br />
<br />
<img src="http://i463.photobucket.com/albums/qq358/justinbrownell/memberspj.jpg" />
<br />
<br />
<img src="http://i463.photobucket.com/albums/qq358/justinbrownell/membersjorah.jpg" />
<br />
<br />
<img src="http://i463.photobucket.com/albums/qq358/justinbrownell/memberszack.jpg" />
<br />
<br />
<img src="http://i463.photobucket.com/albums/qq358/justinbrownell/membersandrew.jpg" />
</div>

<div class="masthead">

<table id="Table_01" width="857" border="0" cellpadding="0" cellspacing="0">
<tr>
<td colspan="8">
<img src="http://i463.photobucket.com/albums/qq358/justinbrownell/header_01.jpg" width="857" height="238" alt="" /></td>
</tr>
<tr>
<td colspan="8">
<img src="http://i463.photobucket.com/albums/qq358/justinbrownell/header_02.jpg" width="857" height="208" alt="" /></td>
</tr>
<tr>
<td colspan="8">
<img src="http://i463.photobucket.com/albums/qq358/justinbrownell/header_03.jpg" width="857" height="123" alt="" /></td>
</tr>
<tr>
<td colspan="2">
<img src="http://i463.photobucket.com/albums/qq358/justinbrownell/header_04.jpg" width="346" height="3" alt="" /></td>
<td rowspan="2">
<a href="http://www.msplinks.com/MDFodHRwOi8vY29tbWVudC5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj11c2VyLnZpZXdQcm9maWxlX2NvbW1lbnRGb3JtJmZyaWVuZElEPTQwMDcxODY1NQ==">
<img src="http://i463.photobucket.com/albums/qq358/justinbrownell/header_05.jpg" width="204" height="36" border="0" alt="" /></a></td>
<td colspan="2" rowspan="2">
<a href="http://www.msplinks.com/MDFodHRwOi8vYzQuYWMtaW1hZ2VzLm15c3BhY2VjZG4uY29tL2ltYWdlczAxLzEwOC9tXzc2Y2Y1YTgw
mMxMDU4OTJiOWEzMGJhNGZmMDJmMGMzLmpwZw==">
<img src="http://i463.photobucket.com/albums/qq358/justinbrownell/header_06.jpg" width="112" height="36" border="0" alt="" /></a></td>
<td colspan="2" rowspan="2">
<a href="http://www.msplinks.com/MDFodHRwOi8vd3d3Lm9wcmFoLmNvbQ==">
<img src="http://i463.photobucket.com/albums/qq358/justinbrownell/header_07.jpg" width="100" height="36" border="0" alt="" /></a></td>
<td rowspan="2">
<a href="http://www.msplinks.com/MDFodHRwOi8vd3d3LmRycGhpbC5jb20=">
<img src="http://i463.photobucket.com/albums/qq358/justinbrownell/header_08.jpg" width="95" height="36" border="0" alt="" /></a></td>
</tr>
<tr>
<td>
<a href="http://www.msplinks.com/MDFodHRwOi8vZnJpZW5kcy5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj1pbnZpdGUuYWRkZnJpZW5kX3ZlcmlmeSZmcmllbmRJZD00MDA3MTg2NTU=">
<img src="http://i463.photobucket.com/albums/qq358/justinbrownell/header_09.jpg" width="173" height="33" border="0" alt="" /></a></td>
<td>
<a href="http://www.msplinks.com/MDFodHRwOi8vbWVzc2FnaW5nLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPW1haWwubWVz
2FnZSZmcmllbmRJRD00MDA3MTg2NTU=">
<img src="http://i463.photobucket.com/albums/qq358/justinbrownell/header_10.jpg" width="173" height="33" border="0" alt="" /></a></td>
</tr>
<tr>
<td colspan="2" rowspan="2">
<img src="http://i463.photobucket.com/albums/qq358/justinbrownell/header_11.jpg" width="346" height="21" alt="" /></td>
<td colspan="2" rowspan="2">
<img src="http://i463.photobucket.com/albums/qq358/justinbrownell/header_12.jpg" width="289" height="21" alt="" /></td>
<td colspan="2">
<a href="http://www.msplinks.com/MDFodHRwOi8vd3d3LnR3aXR0ZXIuY29tL3NhdmluZ2ZhaXJ2aWV3">
<img src="http://i463.photobucket.com/albums/qq358/justinbrownell/header_13.jpg" width="81" height="19" border="0" alt="" /></a></td>
<td colspan="2" rowspan="2">
<a href="http://www.msplinks.com/MDFodHRwOi8vd3d3LnB1cmV2b2x1bWUuY29tL3NhdmluZ2ZhaXJ2aWV3">
<img src="http://i463.photobucket.com/albums/qq358/justinbrownell/header_14.jpg" width="141" height="21" border="0" alt="" /></a></td>
</tr>
<tr>
<td colspan="2">
<img src="http://i463.photobucket.com/albums/qq358/justinbrownell/header_15.jpg" width="81" height="2" alt="" /></td>
</tr>
<tr>
<td>
<img src="http://i463.photobucket.com/albums/qq358/justinbrownell/spacer.gif" width="173" height="1" alt="" /></td>
<td>
<img src="http://i463.photobucket.com/albums/qq358/justinbrownell/spacer.gif" width="173" height="1" alt="" /></td>
<td>
<img src="http://i463.photobucket.com/albums/qq358/justinbrownell/spacer.gif" width="204" height="1" alt="" /></td>
<td>
<img src="http://i463.photobucket.com/albums/qq358/justinbrownell/spacer.gif" width="85" height="1" alt="" /></td>
<td>
<img src="http://i463.photobucket.com/albums/qq358/justinbrownell/spacer.gif" width="27" height="1" alt="" /></td>
<td>
<img src="http://i463.photobucket.com/albums/qq358/justinbrownell/spacer.gif" width="54" height="1" alt="" /></td>
<td>
<img src="http://i463.photobucket.com/albums/qq358/justinbrownell/spacer.gif" width="46" height="1" alt="" /></td>
<td>
<img src="http://i463.photobucket.com/albums/qq358/justinbrownell/spacer.gif" width="95" height="1" alt="" /></td>
</tr>
</table>
..
..
</div>

<style>
html body.bodyContent table tbody tr td table tbody tr td.text table.latestBlogEntry{
background-color: transparent !important;
color: FFFFFF !important;
width: 450px !important;
border-collapse: collapse !important;
margin-bottom: 0 !important;
margin-left: 0 !important;
margin-right: 0 !important;
margin-top: 15px !important;
top: 20px;
padding: 0 !important;
table-layout: fixed !important;
position: relative !important;
background-image: url(http://i463.photobucket.com/albums/qq358/justinbrownell/blogssmall.jpg);
background-repeat: no-repeat;
background-position: 0px 0px;
overflow: hidden;
_background-position: 0px 2px;
_margin-left: -4px !important;
_margin-top: 0px !important;
}

html body.bodyContent table tbody tr td table tbody tr td.text table.latestBlogEntry tbody tr{
display: inline;
margin: 0 !important;
padding: 0 !important;
}

html body.bodyContent table tbody tr td table tbody tr td.text table.latestBlogEntry tbody tr td{
display: block !important;
margin: 0 !important;
padding: 0 !important;
width: 449px !important;
font-family: Arial;
color: FFFFFF !important;
clear: both !important;
font-size: 1px !important;
line-height: 0px;
vertical-align: middle;
}

html body.bodyContent table tbody tr td table tbody tr td.text table.latestBlogEntry tbody tr td a{
float: right;
line-height: 35px;
color: FFFFFF;
padding: 0px !important;
margin: 0px !important;
padding-right: 5px !important;
position: relative;
z-index: 6;
font-weight: normal;
font-size: 10px !important;
display: block;
height: 35px;
text-transform: Capitalize;
_font-size: 10px !important;
_width:120px;
_text-align:right;
_font-weight: normal;
_postion: absolute !important;
_margin-top: -4px !important;
}

html body.bodyContent table tbody tr td table tbody tr td.text table.latestBlogEntry tbody tr td span.text{
line-height: 35px;
position: absolute;
display: block;
border-bottom: 1px dotted dimgray;
border-color: 333333;
width: 443px;
color: FFFFFF;
padding: 0px !important;
margin: 0px !important;
padding-left: 5px !important;
z-index: 5;
font-weight: normal;
font-size: 10px !important;
height: 35px;
_font-size: 10px !important;
_margin-top: -3px !important;
_font-weight: normal !important;
_margin-left: -3px !important;
_width:449px;
}

html body.bodyContent table tbody tr td table tbody tr td.text table.latestBlogEntry tbody tr td span.btext{
display: block;
float: left;
width: 50px !important;
height: 43px;
font-size: 1px;
overflow: hidden;
color: FFFFFF !important;
line-height: 300px;
}
</style>

<style>

{THIS MAKES THE BODY TABLE TRANSPARENT}
{*NOTE* - IF YOU DO NOT WANT THE BODY TABLE TRANSPARENT, SIMPLY CHANGE TRANSPARENT TO A COLOR}
table, tr, td{background-color:transparent;}

body, body.bodycontent{
background-color: FFFFFF;
background-image:url(http://i463.photobucket.com/albums/qq358/justinbrownell/background.jpg);
background-position: top center;
background-repeat: no-repeat;
background-attachment: fixed;
overflow-x: hidden;
}

{THIS EDITS THE MAIN TEXT STYLE AND COLORS}
body, div, p, strong, td, .text, .blacktext10, .blacktext12, a.searchlinkSmall, a.searchlinkSmall:link, a.searchlinkSmall:visited{
color:FFFFFF;
font-size:10pt;
font-weight:normal;
font-style:normal;
text-decoration:none;
text-transform:none;
font-family:arial;
}

{THIS CHANGES COLOR AND STYLE OF NAMETEXT AND HEADINGS}
.orangetext15, text, strong, .lightbluetext8, .whitetext12, .nametext, .btext, .redtext, .redbtext{
color:FFFFFF;
font-size:8pt;
font-weight:normal;
font-style:normal;
text-decoration:none;
text-transform:none;
font-family:arial;
}

{THIS CHANGES COLOR AND STYLE OF LINKS}
a, a font, a:link, a:visited, a.navbar, a.navbar:link, a.navbar:visited, a.man, a.man:link, a.man:visited, a.man font, a.redlink, a.redlink:visited{
color:FFFFFF;
font-size:8pt;
font-weight:bold;
font-style:normal;
text-decoration:none;
text-transform:bold;
font-family:arial;
}

{THIS CHANGES COLOR AND STYLE OF LINKS ON HOVER}
a:hover, a:hover font, a:active, a.navbar:hover, a.navbar:active, a.man:hover, a.man:active, a.man:hover font, a.searchlinkSmall:hover, a.searchlinkSmall:active, a.redlink:hover, a.redlink:hover{
color:FFFFFF;
font-size:8pt;
font-weight:bold;
font-style:normal;
text-decoration:none;
text-transform:bold;
font-family:arial;
}

{THIS ALSO MAKES THE BODY TABLE TRANSPARENT AND MAKES SURE ALIGNMENTS ARE FINE}
{NOTHING NEEDS TO BE CHANGED HERE EXCEPT IF YOU WANT THE FONT CHANGED}
p {margin: 0px 0px 1em 0px; font-family: arial !important}
body>div {margin-left: 0px;}
table, tr, td, table table, table table td {border-width:0px; background-color: transparent;}
table table table td {background-color:transparent;margin:0px;padding: 0 0px 0px 0px}
table table table table {border-width:0px;background-color:transparent;padding:0px;margin:0px; background-image: none;}
table table table table td {padding:0px;margin:0px;}
table table table {
background-color: transparent;
border: 0 solid;
border-color: transparent;
width: 100%;
}
object {position:relative; z-index:1;}

body td table, body div table {margin-top: 0px;}
.a {hide URL label}
.a {hide top links}
.a {unhide navigation bar}
.navbar {visibility:visible;}

{THIS HIDES BASICALLY EVERYTHING ON THE LEFT SIDE]
{*NOTE* - IF YOU DON'T WANT THE LEFT SIDE HIDDEN, TAKE OUT EVERYTHING BUT .ORANGETEXT15 AND .WHITETEXT12}
.contactTable {display: none;}
.orangetext15 {display: none;}
.navigationbar {display: none;}
.userprofileurl {display: none;}
.profileInfo{display:none;}
.whitetext12 {display: none;}
img {border:0px;}

{THIS HIDES UNNECESSARY BORDER LINES WHEN HIDING SECTIONS}
table table table table div {visibility:hidden;}
div table table table table table div input, div a, td.text div {visibility:visible;}
table table table table div {visibility:hidden;}
div table table table table table div input, div a, td.text div {visibility:visible;}



</style>


Hello, We are a four piece band from upstate NY. We love Michael Jackson.
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />

[timebomb606]

the music player code works, but the comments doesnt work. If i take out all those spaces, the comments moves up. But that code doesnt put them back down no matter how big of a number i use.





I figured it out, there was a "margin-top" code already, was just blank.