IE, Firefox, Safari, Setting differences... Options

[lperez]

I am aware how to set the differences in IE & Firefox to display the same. BUT........what about Safari?

Please advise. Thanks! LP

Test Site to look at for me.

[Mickey]

I'm guessing you're talking about the Comments section being out of place? Replace your Bio codes with this:

CODE

<style>
body {margin-top: 670px; }
object {position:absolute; height:385px; width:470px; z-index:9;}
object {top:1100px; left:385px; margin-left:80px;}
object {_top:1105px; _margin-top:0px; _margin-left:80px;}

td td td object {position:static; margin:auto;}
table table table,
td.text, .contactTable, .latestBlogEntry, .friendSpace, .friendsComments, table
div, div table { display:visible!important; }
div div table, div table div, table table div { display:block!important; padding:0; }
table table table, table table table table table div { visibility:visible; }
table table table table table, table table table table div { visibility:visible; }
table, tr, td { background:none; border:none; }
body {background-color: transparent;background-image: url(http://www.trip6design.com/production/adrianlegg/bg/randomimage.php);
background-repeat: no-repeat;
background-attachment:
fixed;background-position:
top center;
scrollbar-face-color:b1b53b;
scrollbar-3dlight-
color:000000;
scrollbar-shadow-color:777777;
scrollbar-darkshadow-color:000000;
scrollbar-arrow-color:808080;
scrollbar-track-color:777777;}
.profileWidth table { margin-bottom:620px; width:900px; }
.rail { display:hidden; }
.gap {background:url(http://trip6design.com/production/adrianlegg/div/div1.jpg) top left no-repeat;
width:1000px;
height:900px;
position:absolute;
top:0;
left:65.36%;
margin:0px 0 -400px -690px;
_left:60%;
_margin:0px 0 -400px -690px;}

.size {height:190px!important; width:220px!important;}

html body.bodyContent table tbody tr td table tbody tr td.text table.latestBlogEntry{
background-color: transparent !important;
color: 000000 !important;
height: 225px;
width: 460px !important;
border-collapse: collapse !important;
margin-bottom: 0 !important;
margin-left: 0 !important;
margin-right: 0 !important;
margin-top: 15px !important;
padding: 0 !important;
table-layout: fixed !important;
position: relative !important;
background-image: url(http://www.trip6design.com/production/adrianlegg/div/blog.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: _L;
margin: 0 !important;
padding: 0 !important;}
</style>

<style>
.masthead {
position:absolute;
top:0px;
margin-left:-500px;
left:50%;
width:1000px;
height:563px;
z-index:2;}
</style>

<style>
.tg_left {
position:absolute;
top:850px;
margin-left:-500px;
left:50%;
width:385px;
height:1709px;
background-color:transparent;
z-index:2;}
</style>

<style>
html body.bodyContent table tbody tr td table tbody tr td.text table.friendSpace tbody tr td.text table tbody tr td span.orangetext15{
display: block !important;
height: 125px !important;
width: 450px !important;
margin: 0 !important;
padding: 0 !important;
font-size: 0px;
overflow: hidden;
background-image: url(http://trip6design.com/production/adrianlegg/sec/friends.png);
background-repeat: no-repeat;
color: 000000 !important;
line-height: 10px !important;
margin-top: -20px !important;
position: static;
background-color: transparent !important;}

html body.bodyContent table tbody tr td table.friendsComments{
position: relative;
left: 164px!important;
width: 450px!important;
background: none!important;}

html body.bodyContent table tbody tr td table.friendsComments tbody tr td.text table{
width: 100% !important;
border-collapse: separate !important;
border-spacing: 0px 0px !important;
background-color: transparent !important;
height: auto !important;}

table.friendsComments tbody tr td.text table tbody tr td{
background-color: transparent !important;
height: auto !important;}

table.friendsComments tbody tr td.text table tbody tr td span.orangetext15{
background-image: url(http://trip6design.com/production/adrianlegg/sec/comments.png);
background-repeat: no-repeat !important;
background-color: transparent;
display: block !important;
height: 150px !important;
color: 000000 !important;
width: 450px;
overflow: hidden;
font-size: 1px;
text-align: right;
margin-top: 0px;
line-height: 300px !important;
_width: 450px !important;
_border-left: 1px 000000 !important;
_border-right: 1px 000000 !important;
_height: 150px !important;
_margin-bottom: -1px !important;}

table.friendsComments span.orangetext15 {display:block; height:100%;}table.friendsComments td.text table {width:100%;}
table.friendsComments span.redtext {font-weight:bold;}table.friendsComments td.text td.columnsWidening embed, table.friendsComments td.text td.columnsWidening object {width:260px; height:213px;}
table.friendsComments td.text td.columnsWidening img {width:300px;}table.friendsComments td.text b {display:block;}
table.friendsComments td.text td td b {display:inline;}table.friendsComments td.text td a {display:block;}
table.friendsComments td.text td b a,
table.friendsComments td.text td td a {display:inline;}table.friendsComments span.orangetext15 {color:000000;}table.friendsComments td.text td td {color:000000;}
table.friendsComments span.blacktext10 {color:000000;}table.friendsComments td.text b {color:000000;}
table.friendsComments span.redtext {color:000000;}
table.latestBlogEntry td {background-color:transparent;}
table.latestBlogEntry span.btext {padding:2px;margin:-3px; margin-bottom:2px;}
table.latestBlogEntry span.btext {color:transparent;}
table.latestBlogEntry span.text,
table.latestBlogEntry td,
table.latestBlogEntry td a {color:000000;}
table.friendSpace span.redbtext {font-weight:bold;}
table.friendSpace td {padding:0px;}
table.friendSpace td.text td br {line-height:0px;}
table.friendSpace span.btext {display:block;}
table.friendSpace span.orangetext15 {color:000000;}
table.friendSpace span.btext, table.friendSpace span.redbtext {color:transparent!important;}
table.friendSpace td.text div a {color:000000!important;}
table.friendSpace td.text td td a {color:000000;}

.blacktext12{visibility:visible; display:none;}
.orangetext15{visibility:visible; display:none;}
.lightbluetext8{visibility:visible; display:none;}


.a {upcoming shows title font}div[id="profile_bandschedule"] span.blacktext12 {color:black; font-size:20px;}
.a {view all shows}div[id="profile_bandschedule"] font span.blacklink font,div[id="profile_bandschedule"] font span.blacklink font a.blacklink {color:black; font-size:15px;}
.a {upcoming shows date and times}div[id="profile_bandschedule"] td td td font {color:000000; font-size:12px;}
.a {upcoming shows venue}div[id="profile_bandschedule"] td td font a {color:000000; font-size:12px;}
.a {upcoming shows location}div[id="profile_bandschedule"] td td font {color:000000; font-size:14px;}span.orangetext15 {color:black;}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:rgb(255,255,255);
font-weight:normal;
font-style:normal;
text-decoration:none;
text-transform:none; }
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:rgb(255,255,255);
font-weight:normal;
font-style:normal;
text-decoration:none;
text-transform:none; }
</style>

<style>
table table td.text div table * {color:black; font-family:comic sans ms; font-size:11px;}table table td.text div table table table * {font-size:9px;}
</style>

That should do the trick.