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]

Thanks for the help so far, I've switched out the codes and I have the header set at 826px wide so it's even. Looks fine in firefox after setting the margin left but still having the same problem in safari with the 1 px off. It's so weird, everything I used to do in Firefox generally always looked exactly the same in Safari.

Here's the revised code: Is the line coming up on your end?
http://www.myspace.com/frucatestpage

CODE

<style>
.profileWidth {
padding-bottom:2186px !important;}
.header {position: absolute; top: 0px; left: 50%; margin-left: -415px; padding: 0px; z-index: 2;}
</style>


<div class="header"><img src="http://i382.photobucket.com/albums/oo268/dygynomi/2010%20GOODNIGHT%20CAULFIELD/header5.jpg" alt="" /></div>




<style>
.tg_left {position:absolute; margin-top:-0px; margin-left:-410px; left:50%; top:2606px; 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%20GOODNIGHT%20CAULFIELD/twitterline.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=122618489" />
<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=122618489" quality="high" />
</object><br /><a style="font-size: 10px; color: 3366FF; text-decoration: none" href="http://www.msplinks.com/MDFodHRwOi8vdHdpdHRlci5jb20vdW5kZWZpbmVk">FOLLOW GC!</a></div>
<br /><br />



<img src="http://i382.photobucket.com/albums/oo268/dygynomi/2010%20GOODNIGHT%20CAULFIELD/merchline.jpg" /><br /><br />

<a href="http://www.msplinks.com/MDFodHRwOi8vd3d3Lmdvb2RuaWdodGNhdWxmaWVsZC50aGVtZXJjaHRlbnQuY29t"><img src="http://i382.photobucket.com/albums/oo268/dygynomi/2010%20GOODNIGHT%20CAULFIELD/shirts2.png" /></a>


<br /><br />

<img src="http://i382.photobucket.com/albums/oo268/dygynomi/2010%20GOODNIGHT%20CAULFIELD/sponsorline.jpg" /><br /><br />

<img src="http://i382.photobucket.com/albums/oo268/dygynomi/2010%20GOODNIGHT%20CAULFIELD/sponsors1.png" /><br /><br />





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





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


<tr>

<td>_HOMETOWN</td><td><div align="right">San Diego, CA</div></td>
</tr>


<tr>
<td>_MANAGEMENT</td>
<td><div align="right"><a href="mailto:andrew@restlessmanagement.com">Andrew Rosenbleet<br />Restless Management</a><br /></div></td>
</tr>

<tr>
<td>_BOOKING</td>
<td><div align="right"><a href="mailto:Zach@varietyart.com">Zach Mullinax<br />Variety Artists</a><br /></div></td>
</tr>


<tr>

<td>_LABEL</td><td><div align="right"><i>none</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 /><br />

<center><a href="http://www.myspace.com/restlessmanagement"><img src="http://i382.photobucket.com/albums/oo268/dygynomi/2010%20GOODNIGHT%20CAULFIELD/Managementlogo.png" /></a><br /></center>









</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: 19px; 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:ffffff;
background-image:url(http://i382.photobucket.com/albums/oo268/dygynomi/2010%20GOODNIGHT%20CAULFIELD/bg1.jpg);
background-attachment:scroll;
background-repeat: no-repeat;
background-position:top center;
margin: 0px;
padding: 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%20GOODNIGHT%20CAULFIELD/bioline.jpg" /><br /><br />

<b>
The group was founded by guitarist/vocalist Adam Cuadra and lead guitarist Joey Meza, best friends since high school, in late 2006. They enlisted the aid of drummer Matt Clemens who wowed them with an ear-shattering drum solo, and newest member Brian Disney. <br /><br />

The band name is a reference to Holden Caulfield of the best-selling novel The Catcher in the Rye. The band is bidding adieu to Caulfield’s style of rebellious pessimism and negativity in order to welcome something more positive. <br /><br />

The group released their self-titled debut EP in early 2008. It was a showcase Alternative/Emo Rock similar to Anberlin, Armor for Sleep and Paramore, which is no surprise as the members cite them as strong influences. Like their contemporaries, their music is highly energetic and upbeat with positive, forward-thinking lyrics to match. <br /><br />

“I believe our music paints a real picture of life situations,” says Cuadra. “Our message is be yourself. Life has its up’s and down’s so focus on what you are passionate about and go for it.” <br /><br />

The band released their first full length The Masquerade in 2009, signed to Variety Artists booking agency, and went on their first National 43 city tour with Tooth and Nail recording artists Showbread. <br /><br />

2010 has already been a busy year for Goodnight Caulfield as they sign with The Mighty Restless Management and get ready to hit the road with Epitaph recording artists The Higher. The band also has set a May 4th release date for their new E.P. Notes, Hopes & Paper Boats.
<br /><br />
</b>



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

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

<center><textarea><a href="http://www.myspace.com/goodnightcaulfield"><img src="http://i382.photobucket.com/albums/oo268/dygynomi/2010%20GOODNIGHT%20CAULFIELD/bannerr.gif"></a></textarea></center>

<br /><br />

<img src="http://designbythekitsch.squarespace.com/storage/goodnight/banner.gif" /><br /><br />

<center><textarea><a href="http://www.myspace.com/goodnightcaulfield"><img src="http://designbythekitsch.squarespace.com/storage/goodnight/banner.gif"></a></textarea></center>

<br /><br />

<img src="http://i382.photobucket.com/albums/oo268/dygynomi/2010%20GOODNIGHT%20CAULFIELD/release1.png" /><br /><br />



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

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



<img src="http://i382.photobucket.com/albums/oo268/dygynomi/2010%20GOODNIGHT%20CAULFIELD/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%20GOODNIGHT%20CAULFIELD/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:1310px; left:50%; margin-left: -40px; 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:2420px;
margin-left: -405px;
left:50%;
width: 370px;
background-color: transparent;
z-index: 9;
}

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