Help - Search - Members - Calendar
Full Version: FF/IE problem
Forums > Resource Center > Support Center > MySpace Support > Myspace Resolved Topics
moose2b
The myspace page looks fine in FF like usual, but I cant seem to get anything to move in IE. Ive tried the _margin-top to try to move down pieces but nothing. My bottom links are all the way up under my header in IE as if the page wont resize. Also it has resized my youtube player. Please help me figure this out.

www.myspace.com/moose2b

CODE
<style>
.topbanner {position:absolute; left:50%; top:0px; margin-left:-585px; _margin-left:-585px; width:1154px; height:1036; z-index:1;}
.main {position:absolute; left:50%; top:1098px; margin-left:-585px; _margin-left:-585px; width:1154px; height:4012px; z-index:1;}
.mikeandrews{position: absolute; top: 0; left: 0; width: 316px; height: 220px; background-color:transparent; z-index: 9;}
.friendSpace {position: absolute; top: 3520px; left: 50% width: 450px; margin-left: 30px; z-index: 5; _margin-left: 0px;}
.friendsComments {position:absolute;
top:2500px;
margin-top:0px;
margin-left:-400px;
left:50%
z-index: 9;}
.orangetext15 {display: none;}
.whitetext12 {display: none;}
td.text td.text .btext {display:none;}
.image {position:absolute; top:1135px; _margin-top:1265px; margin-left: -30px; _margin-left:10px; z-index:2;}
.shows {position:absolute; top:1850px; _margin-top:1850px; left:50%; margin-left:-20px; _margin-left:-20px; width:420px; height:60px; z-index:2; overflow:scroll; overflow-x:hidden;}
.blog {position:absolute; top:1650px; _top:3650px; left:50%; margin-left:-30px; _margin-left:-30px; width:420px; height:60px; z-index:2;}
table, tr, td{ background-color:transparent; border-style:none; }

object {position:absolute; width: 420px; height:300px; left:50%; z-index:9;}
object {top:270px!important; margin-left:-75px!important;}
object object, td td td object, embed {position:absolute; margin-top:719px; auto!important; left: 50%; margin-left: -451px; z-index: 9;}

body { background-color: 000000; background-position: -100px -6px; background-repeat: no-repeat; background-attachment: scroll; }
table table table table, table table table td{ background-image:none; background-color:transparent; }
body, div, p, strong, td, .text, .blacktext10, .blacktext12, a.searchlinkSmall, a.searchlinkSmall:link, a.searchlinkSmall:visited{ color:FFFFFF; font-size:9pt; line-height: 10pt; font-weight:normal; font-style:normal; text-decoration:none; text-transform:none; font-family:Helvetica Narrow, sans-serif; }
strong, .lightbluetext8, .btext, .redtext, .redbtext{ color:666666; font-size:9pt; font-weight:normal; font-style:normal; text-decoration:none; text-transform:none; font-family:Helvetica Narrow, sans-serif; }
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:FFFFFF; font-size:9pt; font-weight:normal; font-style:normal; text-decoration:none ; text-transform:none; font-family:Helvetica Narrow, sans-serif; }
a { color: FFFFFF !important; font-family: Arial !important; }
a:hover { color: 666666 !important; font-family: Arial !important; } 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:666666; font-size:9pt; font-weight:normal; font-style:normal; text-decoration:normal ; text-transform:none; font-family:Helvetica Narrow, sans-serif; }
table table table table, div table table table{ border-style:none; } html body.bodyContent table tbody tr td table tbody tr td.text table.latestBlogEntry{ background-color: transparent !important; color: !important; width: 366px !important; border-collapse: collapse !important; margin-bottom: 0 !important; margin-left: 0px !important; margin-right: -258px !important; margin-top: 2360px !important; padding: 0px; !important; table-layout: fixed !important; position: relative !important; background-image: ; background-repeat: no-repeat; background-position: 0px 0px; overflow: hidden; _background-position: 0px 2px; _margin-left: -4px !important; _margin-top: 531px !important; z-index: 1; } html body.bodyContent table tbody tr td table tbody tr td.text table.latestBlogEntry tbody tr{ display: inline; margin: 0 !important; padding: 0 !important; } html body.bodyContent table tbody tr td table tbody tr td.text table.latestBlogEntry tbody tr td{ display: block !important; margin: 0 !important; padding: 0 !important; width: 365px !important; font-family: Arial; color: !important; clear: both !important; font-size: 1px !important; line-height: 0px; vertical-align: middle; } html body.bodyContent table tbody tr td table tbody tr td.text table.latestBlogEntry tbody tr td a{ float: right; line-height: 19px; color: ; padding: 0px !important; margin: 0px !important; padding-right: 5px !important; position: relative; z-index: 6; font-weight: normal; font-size: 10px !important; display: block; height: 35px; text-transform: Capitalize; _font-size: 10px !important; _width:120px; _text-align:right; _font-weight: normal; _postion: absolute !important; _margin-top: -4px !important; } html body.bodyContent table tbody tr td table tbody tr td.text table.latestBlogEntry tbody tr td span.text{ line-height: 19px; position: absolute; display: block; border-color: ; width: 443px; color: ; padding: 0px !important; margin: 0px !important; padding-left: 5px !important; z-index: 5; font-weight: normal; font-size: 10px !important; height: 35px; _font-size: 10px !important; _margin-top: -3px !important; _font-weight: normal !important; _margin-left: -3px !important; _width:449px; }

html body.bodyContent table tbody tr td table tbody tr td.text table.latestBlogEntry tbody tr td span.btext{ display: block; float: left; width: 50px !important; height: 43px; font-size: 1px; overflow: hidden; color: !important; line-height: 300px; }




div[id=profile_bandschedule] { position:absolute !important; ; z-index:6; left:50%; top: 2250px; margin-left: 110px; width:364px; height:190px; overflow-x: hidden; overflow-y: auto; color:black; font-size: 10px; _margin-top: 700px; }

.a {upcoming shows title font} div[id="profile_bandschedule"] span.whitetext12 {color:FF00FF; font-size:12px;} .a {view all shows} div[id="profile_bandschedule"] font span.whitelink font, div[id="profile_bandschedule"] font span.whitelink font a.whitelink {color:white; font-size:10px;} .a {upcoming shows date and times} div[id="profile_bandschedule"] td td td font {color:white; font-size:10px;} .a {upcoming shows venue} div[id="profile_bandschedule"] td td font a {color:white; font-size:10px;} .a {upcoming shows location} div[id="profile_bandschedule"] td td font {color:white; font-size:10px;} </style>
Mickey
Try using the _top attribute instead of _margin-top when altering positioning for Explorer. The YouTube player looks the same on both Firefox and Explorer for me. So do the bottom links.
This is a "lo-fi" version of our main content. To view the full version with more information, formatting and images, please click here.