positioning help Options

[shynomi]

My headers are always off by 1 px either in safari or FF. I can get it right in IE and FF but it'll be off by a pixel in Safari or vice versa.

Here is my code for the top header:

CODE

<div id="BannerUnderTopNav" style="position:absolute; z-index:2; margin-left:-346px;  _margin-left:-333px; top: 0px; background-color:COLOR; background-image:URL(http://i382.photobucket.com/albums/oo268/dygynomi/2010%20THOSE%20VICTORIOUS/header1.jpg); background-repeat: no-repeat; background-position: bottom center; width:823px; height:2017px; overflow:no;}">

</div>

I have the _margin-left: xxx for IE and the other margin attribute for FF and Safari.
But as you can see here: http://www.myspace.com/frucatestpage

it'll be a px off in FF but right in safari.

Let me know if there's something I can add in the code to fix that.
Thanks guys!

[shynomi]

took out the unnecessary bracket.
tried putting in the 50% attribute but still didn't fix the 1pixel off problem.

i'll post my entire code just in case it's not in that section.

CODE

<style>
.profileWidth {
padding-bottom:1806px !important;}
</style>


<div id="BannerUnderTopNav" style="position:absolute; z-index:2; margin-left:-346px; _margin-left:-333px; top: 0px; background-color:COLOR; background-image:URL(http://i382.photobucket.com/albums/oo268/dygynomi/2010%20THOSE%20VICTORIOUS/header1.jpg); background-repeat: no-repeat; background-position: bottom center; width:823px; height:2017px; overflow:no;">




</div>




<style>
.tg_left {position:absolute; margin-top:-0px; margin-left:-410px; left:50%; top:2276px; width:315px; height:700px; background-color:transparent; z-index:2;}
</style>




<div class="tg_left">

<img src="http://i382.photobucket.com/albums/oo268/dygynomi/2010%20THOSE%20VICTORIOUS/followusline.jpg" /><br /><br />

<center><div style="width:176px;text-align:center"><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" height="176" width="176" align="middle">
<param name="allowScriptAccess" value="never" />
<param name="allowNetworking" value="internal" />
<param name="movie" value="http://twitter.com/flash/twitter_badge.swf" />
<param name="wmode" value="transparent" />
<param name="flashvars" value="color1=3368703&type=user&id=26273637" />
<param name="quality" value="high" />
<embed type="application/x-shockwave-flash" allowScriptAccess="never" allowNetworking="internal" src="http://twitter.com/flash/twitter_badge.swf" height="176" width="176" align="middle" wmode="transparent" flashvars="color1=3368703&type=user&id=26273637" quality="high" />
</object><br /><a style="font-size: 10px; color: 000000; text-decoration: none" href="http://www.msplinks.com/MDFodHRwOi8vdHdpdHRlci5jb20vVGhvc2VWaWN0b3Jpb3Vz">FOLLOW US!</a></div>
</center>
<br /><br />

<img src="http://i382.photobucket.com/albums/oo268/dygynomi/2010%20THOSE%20VICTORIOUS/supportline.jpg" /><br /><br />


<img src="http://i382.photobucket.com/albums/oo268/dygynomi/2010%20THOSE%20VICTORIOUS/sponsors.png" /><br /><br />

<img src="http://i382.photobucket.com/albums/oo268/dygynomi/2010%20THOSE%20VICTORIOUS/releaseline.jpg" /><br /><br />

<table id="Table_01" width="315" border="0" cellpadding="0" cellspacing="0">
<tr>
<td colspan="2">
<img src="http://i382.photobucket.com/albums/oo268/dygynomi/2010%20THOSE%20VICTORIOUS/release_01.png" width="315" height="700" alt="" /></td>
</tr>

<tr>
<td>
<a href="http://www.msplinks.com/MDFodHRwOi8vaXR1bmVzLmFwcGxlLmNvbS91cy9hbGJ1bS9vbi1sb3ZlL2lkMjcwMTk5Mzc2P2k9Mjcw
Tk5MzgyJnVvPTY=" target="_blank">
<img src="http://i382.photobucket.com/albums/oo268/dygynomi/2010%20THOSE%20VICTORIOUS/release_02.png" width="139" height="36" border="0" alt="" /></a></td>
<td>
<a href="http://www.msplinks.com/MDFodHRwOi8vd3d3LmFtYXpvbi5jb20vVGhlLUdsb3J5LURheXMvZHAvQjAwMTFUVUdYMC9yZWY9c3Jf
V8yP2llPVVURjgmcz1kbXVzaWMmcWlkPTEyNjg1MjUxNTUmc3I9OC0y" target="_blank">
<img src="http://i382.photobucket.com/albums/oo268/dygynomi/2010%20THOSE%20VICTORIOUS/release_03.png" width="176" height="36" border="0" alt="" /></a></td>
</tr>
</table>
<br /><br />






<img src="http://i382.photobucket.com/albums/oo268/dygynomi/2010%20THOSE%20VICTORIOUS/infoline.jpg" /><br /><br />





<table width="250px" border="0" cellspacing="3" cellpadding="3">
<tr>

<td>_HOMETOWN</td><td><div align="right">Frederick, MD</div></td>
</tr>

<tr>

<td>_GENRE</td><td><div align="right">Rock/Pop/Indie</div></td>
</tr>

<tr>

<td>_WEBSITE</td><td><div align="right"><a href="http://www.msplinks.com/MDFodHRwOi8vd3d3LnRob3NldmljdG9yaW91cy5jb20=">http://www.thosevictorious.com</a></div></td>
</tr>




<tr>
<td>_MANAGEMENT</td>
<td><div align="right"><a href="mailto:http://www.myspace.com/alluremediaentertainment">Allure Media Entertainment</a><br /></div></td>
</tr>


<tr>

<td>_LABEL</td><td><div align="right">BDS Music, LLC <i>indie</i></div></td>
</tr>



<tr>
<td>_LAYOUT</td>
<td><div align="right"><a href="mailto:frucafrucaposters@gmail.com">Fruca Fruca Design</a><br /></div></td>
</tr>



</table>


<br />







</div>


<style>ul li a:link, ul li a:active, ul li a:visited ul li a.open:visited, ul li a:link, ul li a:active, ul li a:visited {font: bold 10px arial !important; letter-spacing: -1px !important; text-transform: uppercase; margin-top: 7px; text-align:left;}</style>


<style>.whitetext12{visibility:hidden; display:none;}.lightbluetext8{visibility:hidden; display:none;}</style>

<style>
.friendText {display:none}
.redLink {display:none}
</style>



<style>

{THIS MAKES THE BODY TABLE TRANSPARENT}
{*NOTE* - IF YOU DO NOT WANT THE BODY TABLE TRANSPARENT, SIMPLY CHANGE TRANSPARENT TO A COLOR}


body{ font-size:x-small;
background-color:cbc8af;
background-image:url(http://i382.photobucket.com/albums/oo268/dygynomi/2010%20THOSE%20VICTORIOUS/bg2.jpg);
background-attachment:scroll;
background-repeat: no-repeat;
background-position:top center;
margin-top: 0px;}


{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:000000;font-size:8pt;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:000000;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:1e2d4c;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:000000;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;}

</style>

<img src="http://i382.photobucket.com/albums/oo268/dygynomi/2010%20THOSE%20VICTORIOUS/bioline.jpg" /><br /><br />

<b>
Hailing from Frederick, Maryland, Brian Severn & Those Victorious are quickly proving to be tenacious self starters. Writing and performing highly melodic compositions with emotionally intelligent lyrics and big catchy hooks, it’s evident that their inspiration comes from within. The band which began as a solo acoustic project featuring Brian Severn has grown into a solid song-oriented powerhouse.<br /><br />

Brian began playing guitar at age 10 and started writing and performing by age 12. After watching Green Day’s Woodstock Performance on television he knew instinctively what he had to do.<br /><br />

The band features Brian Severn on guitar and lead vocal, with Paddy Mayonnaise on drums/percussion, and Chris "Playboy" Martin on bass. Inspired by, and exhibiting a sound in the vein of artists such as Green Day, Everclear, GlassJaw, Alkaline Trio, and Tom Petty, the band has recently completed their second EP produced by Grammy™nominated engineer/producer David Ivory (The Roots, Halestorm, Silvertide, Patti LaBelle).<br /><br />

Brian Severn & Those Victorious are dead serious in the quest to create awareness for their project. Continuing to seek guidance from David Ivory and engaging Artist Management and Music Marketing firm Allure Media Entertainment, Philadelphia, PA to assist in the furtherance of their career, the band seems destined for Independent Success.<br /><br />

Their second EP entitled “Wonderboy”, officially released in February 2008, is now available online at their websitewww.thosevictorious.com, Best Buy, and digitally on iTunes. The band has begun touring extensively in support of their new release and is heading back into the studio in mid 2009 to record a new single with the assistance of producer David Ivory. To stay informed on the bands scheduled shows or for more information on Brian Severn & Those Victorious, you can visit their websites or contact their management. <br /><br />

<center><a href="http://www.msplinks.com/MDFodHRwOi8vd3d3LlRob3NlVmljdG9yaW91cy5jb20=">www.ThoseVictorious.com</a>
</b></center>

<br /><br />

<img src="http://i382.photobucket.com/albums/oo268/dygynomi/2010%20THOSE%20VICTORIOUS/newsline.jpg" /><br /><br />

<b>NEW LAYOUT // 08.11.09</b><br />

We have a brand new layout courtesy of our friend Jan at Applicant Apparel. Look for more updates soon!<br /><br />

<img src="http://i382.photobucket.com/albums/oo268/dygynomi/2010%20THOSE%20VICTORIOUS/promoline.jpg" /><br /><br />

<img src="http://i382.photobucket.com/albums/oo268/dygynomi/2010%20THOSE%20VICTORIOUS/bannerr.gif" /><br /><br />

<center>COPY & PASTE<br />
<textarea><a href="http://www.myspace.com/briansevernandthosevictorious"><img src="http://i382.photobucket.com/albums/oo268/dygynomi/2010%20THOSE%20VICTORIOUS/bannerr.gif"></a></textarea><br /><br />

<img src="http://i382.photobucket.com/albums/oo268/dygynomi/2010%20THOSE%20VICTORIOUS/vidline.jpg" /><br /><br />

<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" height="344" width="468">
<param name="allowScriptAccess" value="never" />
<param name="allowNetworking" value="internal" />
<param name="movie" value="http://www.youtube.com/v/wcE1Jjlj55c&color1=0xb1b1b1&color2=0xcfcfcf&hl=en_US&feature=player_embedded&fs=1" />
<param name="wmode" value="transparent" />
<embed type="application/x-shockwave-flash" allowScriptAccess="never" allowNetworking="internal" src="http://www.youtube.com/v/wcE1Jjlj55c&color1=0xb1b1b1&color2=0xcfcfcf&hl=en_US&feature=player_embedded&fs=1" height="344" width="468" wmode="transparent" />
</object><br /><br />

<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" height="344" width="468">
<param name="allowScriptAccess" value="never" />
<param name="allowNetworking" value="internal" />
<param name="movie" value="http://www.youtube.com/v/whxo_nYghis&color1=0xb1b1b1&color2=0xcfcfcf&hl=en_US&feature=player_embedded&fs=1" />
<param name="wmode" value="transparent" />
<embed type="application/x-shockwave-flash" allowScriptAccess="never" allowNetworking="internal" src="http://www.youtube.com/v/whxo_nYghis&color1=0xb1b1b1&color2=0xcfcfcf&hl=en_US&feature=player_embedded&fs=1" height="344" width="468" wmode="transparent" />
</object><br /><br />

<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" height="344" width="468">
<param name="allowScriptAccess" value="never" />
<param name="allowNetworking" value="internal" />
<param name="movie" value="http://www.youtube.com/v/iBrB1n9MFGo&color1=0xb1b1b1&color2=0xcfcfcf&hl=en_US&feature=player_embedded&fs=1" />
<param name="wmode" value="transparent" />
<embed type="application/x-shockwave-flash" allowScriptAccess="never" allowNetworking="internal" src="http://www.youtube.com/v/iBrB1n9MFGo&color1=0xb1b1b1&color2=0xcfcfcf&hl=en_US&feature=player_embedded&fs=1" height="344" width="468" wmode="transparent" />
</object><br /><br />





<img src="http://i382.photobucket.com/albums/oo268/dygynomi/2010%20THOSE%20VICTORIOUS/friendline.jpg" /><br />





<span class="off">!-Start Block to Shift Comments To Center-!</span>
<style>
{!-Change the top px value as needed. This is distance B on the chart-!}
table.friendscomments {position:relative; left:-1%;}
table.friendscomments {width:800px !important;}
table.friendscomments td, table.friendscomments table {width:100% !important}
table.friendscomments table table td {width:auto !important;}
</style>
<span class="off">!-END Block to Shift Comments To Center-!</span>


<style>
table.friendsComments tbody tr td.text table tbody tr td span.orangetext15{
background-image: URL(http://i382.photobucket.com/albums/oo268/dygynomi/2010%20THOSE%20VICTORIOUS/commentline.jpg) ;
background-repeat: no-repeat !important;
background-color: transparent;
display: block !important;
height: 70px !important;
color: ffffff!important;
width: 820px;
position: relative;
overflow: hidden;
font-size: 1px;
text-align: right;
margin-top: -1px;
line-height: 300px !important;
_width: 820px !important;
_border-left: 1px ffffff!important;
_border-right: 1px ffffff!important;
_height: 70px !important;
_margin-bottom: -1px !important;
}
</style>




<style>
.orangetext15{display:none}
</style>

<style>embed, object {position:absolute; top:1079px; left:50%; margin-left: -47px; z-index:9; } td td td embed, td td td object { position:static; margin-left:0px; }</style>


<style>table table table { visibility:hidden; }
table table .text table { visibility:visible; }</style>

<style>
.navbar, .subnavItems {display: none!important;}
</style>

<style>

.latestBlogEntry {
position:absolute;
top:2030px;
margin-left: -405px;
left:50%;
width: 370px;
background-color: transparent;
z-index: 9;
}

table .latestBlogEntry {
width:370px!important;
}
</style>