IE problems Options

[crissa_85]

I just finished tweaking my layout in Firefox and it's perfect. But when I look at it in IE, the position of my flashfetish music player is completely thrown off. I tried using {{_margin-top:px}} next to the {{margin-top:px}} which, adding the little _ usually moves objects in IE without messing them up in Firefox (and i used that _margin to move my ABOUT ME in IE without messing it up in Firefox and it worked PERFECTLY), but for some reason it won't move my music player. Help?

[crissa_85]

This is the code in the ABOUT ME

CODE

<center><a href="http://www.msplinks.com/MDFodHRwOi8vaG9tZS5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj11c2Vy">home</a> | <a href="http://www.msplinks.com/MDFodHRwOi8vbWVzc2FnaW5nLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPW1haWwubWVz
2FnZSZmcmllbmRJRD0xNTI0MDQ4MTM=">message</a> | <a href="http://www.msplinks.com/MDFodHRwOi8vY29tbWVudC5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj11c2VyLnZpZXdQcm9maWxlX2NvbW1lbnRGb3JtJmZyaWVuZElEPTE1MjQwNDgxMw==">comment</a></center><br><div align="right">my name is christina; i like keeping things simple.<Br><br>interests include:</b> words, photographs, music, peace, movies, && family.<br><br><marquee direction="left" scrollamount="3" height=96px;><img src="http://img.photobucket.com/albums/v202/crissa_85/dicon.png" title="david"> <img src="http://img.photobucket.com/albums/v202/crissa_85/oicon2.png" title="oli"> <img src="http://img.photobucket.com/albums/v202/crissa_85/eicon2.png" title="ethan"> <img src="http://img.photobucket.com/albums/v202/crissa_85/dicon4.png" title="david"> <img src="http://img.photobucket.com/albums/v202/crissa_85/oicon.png" title="oli"> <img src="http://img.photobucket.com/albums/v202/crissa_85/eicon4.png" title="ethan"></marquee><marquee direction="left" scrollamount="3" height=96px;><img src="http://img.photobucket.com/albums/v202/crissa_85/jjicon.png" title="just & jon"> <img src="http://img.photobucket.com/albums/v202/crissa_85/aticon.png" title="lys & tori"> <img src="http://img.photobucket.com/albums/v202/crissa_85/micon2.png" title="mikey"> <img src="http://img.photobucket.com/albums/v202/crissa_85/sicon.png" title="sarah"> <img src="http://img.photobucket.com/albums/v202/crissa_85/jicon.png" title="jaden"> <img src="http://img.photobucket.com/albums/v202/crissa_85/miiicon.png" title="micaela"></marquee></div><style type=text/css>
table tr td div font {display: none;}
</style>

<style>

table td div {visibility:hidden;}
table table td div {visibility:visible;}
tr {background:transparent;}</style>

<style type=text/css>
table tr td div div {
visibility:hidden;
display:none;
border:0px!important;
background-color:transparent;
}
</style><style>
.latestblogentry {display:none;}
</style><style>
.navigationBar{display:none;}
<style><style type="text/css">
{ meeesh4createblog }
table, td{ background-color:transparent; border:none; }
</style><style>div[id="googlebar"],
div div select{
opacity:0;
filter:alpha(opacity=0);
display:none !important;
position:absolute !important;
bottom:2000px !important;}</style><style type="text/css">
A:visited {color:688650; text-decoration: none;}
A:link {color:688650; text-decoration: none;}
A:active {color: 688650; text-decoration: underline;}
A:hover {cursor:; color: F6A9B4; text-decoration: none;}</style>

<style type="text/css">
.Music{border:0px solid; border-color:none;overflow-x:hidden; position:absolute; z-index:1; left:50%; top:0%; margin-left:-375px; margin-top:300px; visibility:visible;}
.nametext{font-family:Georgia;color:688650;font-size:35px;letter-spacing:-5px;text-align:center;font-weight:normal;display:block; background-color: transparent;border-bottom-width: 1px;border-bottom-color:FFC068;border-bottom-style:none;line-height: 40px;text-transform: lowercase; }
.blacktext12{ font-family:Georgia;color:F6A9B4;font-size:30px;letter-spacing:-4px;text-align:center;font-weight:normal;display:block; background-color: transparent;border-bottom-width: 1px;border-bottom-color:FFC068;border-bottom-style:none;line-height: 35px;text-transform: lowercase; }

.friendspace {display:none;}
.friendscomments {display:none;}
.whitetext12 {display:none;}
.orangetext15 {display:none;}
.userprofiledetail{display:none;}
.userprofileurl{display:none;}
.lastlogin {display:none;}
.lightbluetext8 {display:none;}
.ImgOnlineNow {display:none;}
.x{display:none;}
.contacttable {display:none;}
td.text table, td.text td.text {background-color:transparent;}
table.blurbs {margin-top:-25px}
table {background-color: transparent; border:0px; }
a.text, table div font a, table div div {visibility:hidden;}
td.text td, td.text span, td.text a {visibility:visible;}
table table table table td{width:0px!important; padding:0px!important;}
tr {background-color:transparent; border:1px solid white;}
td td{ background-color:transparent;}
td, tr, table{height:8px !important; border:0px;}
textarea {width:375px; height:35px;}
textarea, .text, td, font, a, body, table, td, li, p, div, br {color:black; font-size:9px; font-family: ;}
a:link, a:visited { color: ; font-size: 9px; text-transform: lowercase; font-family: ;}
a:hover {font-size: 9px; font-family: ; color: ;}
body {background-color:; background-image:url(http://i26.tinypic.com/i3bhaf.gif); background-position:top left;
background-repeat:repeat;
background-attachment:fixed;}
table td table tr td.text table table, table td table tr td.text table table td.text {visibility:visible;}
</style><small>

<style type="text/css">
.mygen { Created using MyGen 2.5 - www.mygen.co.uk }

body {
scrollbar-face-color:688650;
scrollbar-highlight-color:F6A9B4;
scrollbar-3dlight-color:688650;
scrollbar-shadow-color:688650;
scrollbar-darkshadow-color:688650;
scrollbar-arrow-color:F6A9B4;
scrollbar-track-color:688650;
}


</style>
<style>.note {bring the tables up more}
td.text table {position:relative; _top: -20px;}
td.text table table {position:static;}</style>

and this is the code in the WHO ID LIKE TO MEET

CODE

<div class="music"><center><p style="visibility:visible;"><object type="application/x-shockwave-flash" allowScriptAccess="never" allowNetworking="internal" height="155" width="218" align="middle" border="0" data="http://www.mp3asset.com/swf/mp3/myflashfetish-mp3-player.swf">
<param name="allowScriptAccess" value="never" />
<param name="allowNetworking" value="internal" />
<param name="movie" value="http://www.mp3asset.com/swf/mp3/myflashfetish-mp3-player.swf" />
<param name="quality" value="high" />
<param name="wmode" value="transparent" />
<param name="flashvars" value="myid=6794406&path=2007/12/17&mycolor=688650&mycolor2=F6A9B4&mycolor3=F6A9B4&autoplay=true&rand=0&f=3&vol=100&pat=0" />
</object><br></div>

The part that is giving me problems, basically, is the part dealing with music; the .music in the about me and the div class=music in who id like to meet.

[CrotchetTheLeper]

I seem to be having a very similar problem, actually. I posted another topic about it, and now I'm seeing a pattern.

Any embeded code or object code is positioned differently in FF/IE.
I can't get any of my music players to be in the same spot in IE as they are in FF. All other divs will be in the right spot, but the music player wont.

So, you're not alone bud.

I really hope there's a way to fix this...

[heyo-captain-jac...]

There is a pattern here.

And I think its just on MySpace that its doing this.

IE is just so f**ked up. They need to get rid of IE.

[CrotchetTheLeper]

Yeah, they need to do something; all these browsers need to get together, have a little chat, sort out their differences, and stop making our lives a living hell! ... Basically, this is a big problem, and I can't finish the myspace music page div I'm working on knowing that it's going to look all wrong in IE.


Edit: Holy crap, would http://www.createblog.com/tutorials/tutorial.php?id=628]this work? Or am I getting overexcited...? I had never seen this before until like two seconds ago, so I'm not really sure if I'm misunderstanding it?


Another Edit: IT WORKS! Okay, this has officially made my day. ScarletKnight, you are amazinggg. Thank you so much. Here's how ScarletKnight says to fix this mess:

First: Align your laoyout in firefox using a regular alignment code.

Then: Test it in IE. Odds are, your music player's gunna be messed up. So, re-open your code. Say you've got something like this:

CODE

margin-left:300px; margin-top:100px;

It looks fine in FF, but we want it to look good in IE, so, add this to your code:

CODE

margin-left:300px; margin-top:100px; _margin-left:210px; _margin-top:20px;

In your code, you want to add an underscore (one of these _ ) in front of your alignment properties. The ones with the underscore will only be read by IE, not FF! How awesome is that?

So, you can make seperate alignments for seperate browsers. This is great, thank so much ScarletKnight!