Showing Section being pushed up! Options

[timebomb606]

I really dont know why this would happen but whenever i add more shows to a bands page, the music player is being pushed upwards behind the header section of the page.

Screen shots to show what i mean.

Page with three shows added : ( looks fine )

click to enlarge

Page with six shows added : (Messed up)

click to enlarge

Reason for edit: Please use [thumb] tags instead of [img] tags when posting large images. - Mike

[timebomb606]

Bio code :

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>
table table td.text {padding-left:50px;}
table table.contactTable td.text, table table.friendSpace td.text, table table.friendsComments td.text {padding:0px;}
</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 />
<img src="http://i463.photobucket.com/albums/qq358/justinbrownell/url.jpg" />
<br />
<br />
<center>HTTP://WWW.MYSPACE.COM/SAVINGFAIRVIEW</center>
<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/bgnew.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>


In The Winter of 2008, Saving Fairview emerged from the collapse of several of the highly ranked bands in the local “Central New York” scene. Each one of it’s members bringing years of musical background to supply Saving Fairview with its unique blend of “Stuck In Your Head” riffs, Hardcore lyrics and break-downs, with a dash of catchy pop chorus’. Its members including Andrew Miller on Drums, Jordan Schreppel on Bass, and P.J. Witusik on Lead vocals and Guitar. Later on adding Zach Wright from the local hardcore scene to it's members. Each one of these musicians brings a different element of the musical spectrum that brings you songs you just can’t get enough of. With titles like “I Took a Shot at Love... and All I Got Was a Hangover” and “Who Loves Orange Soda” give the element of surprise when keeping humor in the song names, the band is very serious when it comes down to the music Saving Fairview has to offer.
Before the pieces of Saving Fairview fell together, most of the member played in the local well-known Central New York band “Lost For Words.” With a look towards a new sound and several member changed had left P.J., Andy, and Jordan trying to fill the void and complete the missing spots of the puzzle. After developing the new sound, they asked long time friends and former band member Zach Wright, for the final element.
The band has since been developing there sound, booking shows, and preparing to set up future tours, and get their name out to the masses. Audiences Shall be prepared for a show stopping, energetic performance, focused on stage presence and a brand new sound that will leave you with and open jaw and asking for more. So check out Saving Fairview at you next local show.
<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 />

"shows" section i think your referring to

CODE

<style> table table table table td.text span.whitetext12 { position: relative; top: 0px; display: block; left: 0px; visibility: visible; width: 1px; height: 25px; text-indent: -999999px; background: transparent url() bottom left no-repeat; } .shows {position:absolute; left:50%; margin-left:-35px; top:1200px; width:450px; height:40px;} </style> <div class="shows"> <img src="http://i463.photobucket.com/albums/qq358/justinbrownell/showssmall-2.jpg" /> </div>