Looks great in Safari, but awful in IE...please help!, Safari vs. IE issue Options

[prezhall]

Can somebody please help me? Im designing a page for an artist, and It looks great on safari....but when we looked at it on IE, everything was all screwed up.

Here is the link.. myspace.com/maxmethod


Here is the code

CODE

<style>
.profileWidth table { margin-bottom:440px; width:687px; }
.rail { display:none; }
.gap {
background:url() top left no-repeat;
width:687px; height:897px;
position:absolute; top:0; left:40%;
margin:0px 0 -400px -590px;
</style>

<object type="application/x-shockwave-flash" allowScriptAccess="never" allowNetworking="internal" height="199" width="504" data="http://www.crack4djs.net/playlists/mp3player.swf">
<param name="allowScriptAccess" value="never" />
<param name="allowNetworking" value="internal" />
<param name="movie" value="http://www.crack4djs.net/playlists/mp3player.swf" />
<param name="bgcolor" value="FFFFFF" />
<param name="flashvars" value="file=http://www.crack4djs.net/playlists/playlist.php%3Fid%3D78&displayheight=0&width=504&height=199&backcolor=0x000000&frontcolor=0xFFFFFF&lightcolor=0xFFFFFF&screencolor=0x000000&shuffle=false" />
</object>

<style type="text/css">
.tg_left {position:absolute; top:628px; margin-left:-479px; left:50%; width:473px; height:360px; background-color:00000; z-index:2;}
</style>

<div class="tg_left">
Put your own customized left side stuff here. :]
<br>
<br>

<img src="http://iamagencydc.com/whatsnew4.jpg">

</div>

<div class="content" style="position: absolute; left:140px; top:1000px; width:987px; height:85px; overflow: auto;"><center>
<img src="http://iamagencydc.com/bars.jpg">
</div>


</style>
<style type="text/css">
.tg_right {position:absolute; top:1075px; margin-left:-479px; left:50%; width:987px; height:360px; background-color:00000; z-index:2;}
</style>

<div class="tg_right">
Put your own customized left side stuff here. :]
<br>
<br>
.. --> HTML Codes by Quackit.com -->
<style type="text/css">
div.myspace-scrollbox {height:200;width:473;background-color:000000;font-family:Arial;font-size:10pt;color:FFFFFF;text-align:left;border-width:1;border-style:solid;border-color:000000;overflow:scroll}
</style>
<div class="myspace-scrollbox">Max Methods is a Producer/DJ/Remixer who's foundation grows stronger as each day passes. In 2008 Max produced the Official Britney Spears "Gimme More" Remix featuring Lil Wayne. This was one of those milestones that really put him on the map. Max has also produced records for Jordin Sparks, Black Buddafly, Mya and Asia Cruise.
<br>
<br>

Max Methods unique addictive sound has led him to working with some of the Pop Industries most succesful songwriters. He is now teamed up with songwriter Frankie Storm (who wrote Rihanna's smash single "Don't Stop The Music" and has also written for Jordin Sparks, Britney Spears, JLO and many more). He is also working alot with songwriter Makeba Riddick (who has written for Beyonce, Rihanna, Danity Kane, and nearly every R&B/POP artist on Def Jam's Record Label). When we asked Max what it was like working with them, this is what he told us.
<br>
<br>
"Working with Frankie Storm and Makeba Riddick really helped me step my game up. Its a whole new level of pressure when you know the songwriters your working with have recorded with best producers in the game. Its an ego boost, yeah, but more so it is a wake up call.....it's alot more serious now.....gotta step it up" - Max Methods
<br>
<br>
Max's main focus is working with these songwriters,building his catalog, and ultimately landing that HUGE NUMBER 1 HIT RECORD. All of which does not seem to far from his near future. In addition to that, he continues to produce remixes for certain Record Labels and Artists. Keeping his name fresh in the minds of the artists, labels, and listeners.
</div><p style="font-family:verdana,arial,sans-serif;font-size:10px;">

<div class="bg" style="position: absolute; left:484px; top:350px; width:584px; height:199px; overflow: hidden;">
..


<object type="application/x-shockwave-flash" allowScriptAccess="never" allowNetworking="internal" height="199" width="460" data="http://www.crack4djs.net/playlists/mp3player.swf">
<param name="allowScriptAccess" value="never" />
<param name="allowNetworking" value="internal" />
<param name="movie" value="http://www.crack4djs.net/playlists/mp3player.swf" />
<param name="bgcolor" value="FFFFFF" />
<param name="flashvars" value="file=http://www.crack4djs.net/playlists/playlist.php%3Fid%3D78&displayheight=0&width=460&height=199&backcolor=0x000000&frontcolor=0xFFFFFF&lightcolor=0xFFFFFF&screencolor=0x000000&shuffle=false" />
</object>
</div>
<img src="http://iamagencydc.com/maxdj.jpg">

<object type="application/x-shockwave-flash" allowScriptAccess="never" allowNetworking="all" height="230" width="445" align="middle" data="http://lads.myspace.com/photoshow/slideshow.swf">
<param name="allowScriptAccess" value="never" />
<param name="allowNetworking" value="all" />
<param name="movie" value="http://lads.myspace.com/photoshow/slideshow.swf" />
<param name="quality" value="high" />
<param name="scale" value="noscale" />
<param name="wmode" value="transparent" />
<param name="flashvars" value="userID=4550269&bgColor=0&bgColor2=0&transitionSpeed=4&transitionStyle=a&showCaptions=1&albumID=316368" />
</object>

</div>


<div class="gap"></div>
<style type="text/css">
.masthead {position:absolute; top:250px; margin-left:-480px; left:50%; width:892px; height:231px; z-index:2;}
</style>

<div class="masthead">

<div class="content" style="position: absolute; left:490px; top:845px; width:460px; height:300px; overflow: auto;"><center>
<object type="application/x-shockwave-flash" allowScriptAccess="never" allowNetworking="all" height="160" width="460" align="middle" data="http://lads.myspace.com/photoshow/slideshow.swf">
<param name="allowScriptAccess" value="never" />
<param name="allowNetworking" value="all" />
<param name="movie" value="http://lads.myspace.com/photoshow/slideshow.swf" />
<param name="quality" value="high" />
<param name="scale" value="noscale" />
<param name="wmode" value="transparent" />
<param name="flashvars" value="userID=378244511&bgColor=0&bgColor2=0&transitionSpeed=4&transitionStyle=a&showCaptions=1" />
</object>
</div>





<table id="Table_01" width="987" height="396" border="0" cellpadding="0" cellspacing="0">
<tr>
<td colspan="6">
<img src="http://iamagencydc.com/newlogo1_01.jpg" width="987" height="328" alt=""></td>
</tr>
<tr>
<td rowspan="2">
<img src="http://iamagencydc.com/newlogo1_02.jpg" width="26" height="68" alt=""></td>
<td>
<a href="http://www.msplinks.com/MDFodHRwOi8vbWVzc2FnaW5nLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPW1haWwubWVz
2FnZVYyJmZyaWVuZElEPTQ1NTAyNjk=">
<img src="http://iamagencydc.com/newlogo1_03.jpg" width="234" height="60" border="0" alt=""></a></td>
<td>
<a href="http://www.msplinks.com/MDFodHRwOi8vZnJpZW5kcy5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj1pbnZpdGUuYWRkZnJpZW5kX3ZlcmlmeSZmcmllbmRJRD00NTUwMjY5">
<img src="http://iamagencydc.com/newlogo1_04.jpg" width="237" height="60" border="0" alt=""></a></td>
<td rowspan="2">
<a href="http://www.msplinks.com/MDFodHRwOi8vcHJvZmlsZWVkaXQubXlzcGFjZS5jb20vaW5kZXguY2ZtP2Z1c2VhY3Rpb249dXNlci5h
GRUb0Zhdm9yaXRlJmZyaWVuZElEPTQ1NTAyNjk=">
<img src="http://iamagencydc.com/newlogo1_05.jpg" width="275" height="68" border="0" alt=""></a></td>
<td rowspan="2">
<img src="http://iamagencydc.com/newlogo1_06.jpg" width="197" height="68" alt=""></td>
<td rowspan="2">
<img src="http://iamagencydc.com/newlogo1_07.jpg" width="18" height="68" alt=""></td>
</tr>
<tr>
<td colspan="2">
<img src="http://iamagencydc.com/newlogo1_08.jpg" width="471" height="8" alt=""></td>
</tr>
</table>

</div>
<style type="text/css">



{This makes the body table transparent.}
{*NOTE* - If you do not want your background table transparent, change "transparent" to a color}
table, tr, td{background-color:000000;}

{This allows you to change the background image and color.}
body, body.bodycontent{
background-color: 000000;
background-image:url(http://i417..jpg);
background-position: top center;
background-repeat: no-repeat;
background-attachment: fixed;
overflow-x: hidden;
}

{Edits main text properties}
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;
}

{Changes heading and name text properties.}
{*NOTE* - If you don't want this affecting all header codes, create another code section with the class that you want to edit.}
.orangetext15, text, strong, .lightbluetext8, .whitetext12, .nametext, .btext, .redtext, .redbtext{
color:74db7c;
font-size:8pt;
font-weight:normal;
font-style:normal;
text-decoration:none;
text-transform:none;
font-family:arial;
}

{Changes link properties.}
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:74dbef;
font-size:8pt;
font-weight:bold;
font-style:normal;
text-decoration:none;
text-transform:bold;
font-family:arial;
}

{Changes link hover properties.}
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:74db7c;
font-size:8pt;
font-weight:bold;
font-style:normal;
text-decoration:none;
text-transform:bold;
font-family:arial;
}

{Ensures alignment. Do not alter this code in any way unless you are changing the font.}
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%;
}

{Keeps music player in place. Take this part of the code out if you intend on moving your music player around.}
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;}

{Hides left side tables.}
.contactTable {display: none;}
.orangetext15 {display: none;}
.navigationbar {display: none;}
.userprofileurl {display: none;}
.whitetext12 {display: none;}
img {border:0px;}

{Gets rid of unnecessary borders.}
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>



<style>.a {MySpaceGens.com - hide your comments} .friendsComments {display:none;}</style>

<style type="text/css">
td.text td.text table table table, td.text td.text table br, td.text td.text table .orangetext15, td.text td.text .redlink, td.text td.text span.btext {display:none;}
td.text td.text table {background-color:transparent;}
td.text td.text table td, td.text td.text table {height:0;padding:0;border:0;}
td.text td.text table table td {padding:3;}
td.text td.text table table br {display:inline;}
</style><div id="makems" style="position: absolute; top:100px; left:0px;"><a href="http://www.msplinks.com/MDFodHRwOi8vd3d3Lm1ha2Vtcy5jb20="></a></div>

Thanks in advance for any help

[prezhall]

Im sorry bout that.

can somebody help me?

[Insurmountable]

Oh how I hate IE.

1. you need to hide the whole profile.
2. When positioning items make sure to use left:50%; and then margin-left:##px;

That makes sure that everything stays put in all browsers and you don't end up with the funky positioning you have now.

None of your images are coming up for me o_O Are you sure all the files are the right names or still valid?

[prezhall]

Thanks, I will try that.

How do I hide the whole profile?


If you visit www.myspace.com/maxmethod you should see the images....i hope so!! lol i see them.

this is a such a headache. ahhhh

[prezhall]

I tried changing the div's but im not too familiar with that....i think i made it worse. can someone help me edit the codes?

[dilligrout]

Everything looks fine for me (Opera Web Browser).
Except! The borders of the tables from the original profile are showing.. you can find codes to hide the COMPLETE profile here:
http://www.createblog.com/scripts/script.php?id=822

[*hoopsosovalntino*]

Isnt Safari only for Apple Users??

[prezhall]

yes it is only for apple. I designed the page using an apple....i didnt think it would make a difference :(

sigh....

if somebody could fix this for me....i would gladly pay money through paypal. im running out of options

[*hoopsosovalntino*]

Sorry.. I wish I could help you but if you look in one of these places in [free write] under the lounge i confessed that im a copy-paste kind of person.

[prezhall]

i cant seem to find what the problem is. everytime i think i have one thing fixed, something else shifts out of place.

Can somebody please help me get this profile alligned properly??

when i adjust it to look good in IE, it then looks crappy in Safari, and vice versa.

any help would be really appreciated....i would even give credit on the page to whomever helps me get this right

This post has been edited by decaydancefbr: Mar 10 2009, 07:19 PM

Reason for edit: Posts Merged. Please don't double post. Use the Edit Button on the bottom right of your post. - TJ

[Mickey]

Topic closed & moved.