47 users online (0 members and 47 guests)  


  Results 1 to 4 of 4

Related

  1. Help making a myspace Layout    Forum: Myspace Forum
    Replies: 11
  2. making a music file into a code    Forum: Myspace Forum
    Replies: 1
  1. #1
    lifemare's Avatar
    New User

    Status
    Offline
    Join Date
    May 2009
    Posts
    6

    Unhappy Making myspace code compatible with IE

    Hi everyone

    I've just recently finished designing a myspace layout. Problem is i've been coding it exclusively on Firefox and the page looks like crap on IE. I've used the underscore trick for positioning tables in different places depending on the browser (ex: _top:10px). But that solved almost nothing. Half of the friends table isn't showing and the contact table is all weird.
    Can someone please provide some help to make the page look in IE like it does in Firefox?

    The url is www.myspace.com/danriverman

    The code is this:
    Code:
    <style>
    {!-hide url-!}
    table table table table div {display:none;}
    table table td.text table table div {display:block;}
    table table table.contactTable {position:relative; 
    top:0px; margin-bottom:-75px; _margin-bottom:-60px;}
    </style>
    
    <style>
    {!-body background-!}
    body {background-image:url('http://img237.imageshack.us/img237/968/back3.jpg'); repeat:no-repeat; background-attachment: 
    fixed;}
    </style>
    
    <style>
    {!-hide about me and blog-!}
    table tbody td table tbody tr td.text table {visibility:hidden;}
    table tbody td table tbody tr td.text table table, table tbody td table tbody tr td.text table table tbody td.text {visibility:visible;}
    td.text table {position:relative; top:-0px;}
    td.text table table {position:static;}
    </style>
    
    <style>
    {!-hide table backgrounds-!}
    table, tr, td {background-color:transparent;}
    table table table {width:100%; max-width: 500px;}
    table table table table {width:100%;} 
    table, tr, td {background-color:transparent; border:none; border-width:0 px;} 
    table table {border:0px;} 
    table table table table {border:0px; background-image:none; background-color:transparent;} 
    </style>
    
    <style>
    {!-table backgrounds-!}
    table table table{background-image: url("http://farm4.static.flickr.com/3348/3505117019_c5368ddf16_o.jpg"); background-position:top right; background-repeat:repeat-y; padding:5px; border:2px; border-style:solid; border-color:000000;}
    </style>
    
    <style>
    {!-text properties-!}
    General,body,div,p,strong,td,textarea,input,.text,span.redtext,span.redbtext,
    span.blacktext10,span.blacktext12{font-family:verdana; color:cfd1dd;}
    
    Headings,span.orangetext15,span.whitetext12,span.nametext,
    span.btext{color:cfd1dd; font-family:verdana; text-transform:uppercase; 
    font-variant:normal;}
    
    ProfileName,span.nametext{color:ffffff; text-transform:uppercase; 
    font-variant:normal; font-weight:bold;}
    
    Labels,span.lightbluetext8{color:cfd1dd; font-family:verdana; 
    text-transform:uppercase; font-variant:normal; font-weight:bold;}
    
    AllLinksNormal,a,a:link,a:visited,a.man,a.man:link,a.man:visited,
    a.navbar,a.navbar:link,a.navbar:visited,a.redlink,a.redlink:link,
    a.redlink:visited,a.searchlinkSmall,a.searchlinkSmall:link,
    a.searchlinkSmall:visited,a:hover,a:active,a.man:hover,a.man:active,
    a.navbar:hover,a.navbar:active,a.redlink:hover,a.redlink:active,
    a.searchlinkSmall:hover,a.searchlinkSmall:active{font-family:verdana; 
    color:d8cca3;}
    
    AllLinksHover,a:hover,a:active,a.man:hover,a.man:active,a.navbar:hover,
    a.navbar:active,a.redlink:hover,a.redlink:active,a.searchlinkSmall:hover,
    a.searchlinkSmall:active{color:9e9578; text-decoration:underline;}.function{}
    </style>
    
    <style>
    {!-contact table-!}
    .contactTable {
       width:300px !important;
       height:150px !important; 
       padding:0px !important;
       background-color:transparent;
       border:2px;
       border-style:solid;
       border-color:000000;
       background:url(http://farm4.static.flickr.com/3326/3505754236_b399228916_o.jpg) center center no-repeat;
    }
    
    .contactTable table, table.contactTable td {
       padding:0px !important; 
       border:0px;
       background-color:transparent;
       background-image:none;
    }
    
    .contactTable a img {
       visibility:hidden;
       border:0px !important;
    }
    
    .contactTable a {
       display:block; 
       height:28px; 
       width:115px;
    }
    
    .contactTable .whitetext12 {
       visibility:hidden;
    }
    </style>
    
    <style>
    {!-friends and comments background-!}
    .friendsComments {background-image: url("http://farm4.static.flickr.com/3348/3505117019_c5368ddf16_o.jpg");background-position: top right;background-repeat: repeat-y; padding:5px;}
    
    table.friendspace {background-image: url("http://farm4.static.flickr.com/3348/3505117019_c5368ddf16_o.jpg");background-position: top right;background-repeat: repeat-y; padding:5px; border:2px; border-style:solid; border-color:000000}
    </style>
    
    <style>
    {!-upcoming shows background-!}
    table table td.text div table {background-image:url("http://farm4.static.flickr.com/3348/3505117019_c5368ddf16_o.jpg"); background-position:top right; background-repeat:repeat-y; padding:5px; border:2px; border-style:solid; border-color:000000;}
    </style>
    
    <style>
    {!-move friends table up-!}
    table.friendspace {position:relative; margin-top:-170px;} 
    table.friendspace {position:static;}
    </style>
    
    <style>
    {!-fix friends background and borders-!}
    table.friendspace .btext {font-size:9; font-family:Verdana;}
    table.friendspace table {background-image:none !important;}
    table.friendspace table td {background-image:none !important;}
    table.friendspace td {border:0px !important;}
    table.friendspace table {border:0px !important;}
    table.friendspace table td {border:0px !important;}
    table.friendspace table table {border:0px !important;}
    table.friendspace table table td {border:0px !important;}
    table.friendspace table table table {border:0px !important;}
    table.friendspace table table table td {border:0px !important;}
    table.friendspace a {border:0px !important;}
    </style>
    
    <style>
    {!-resize friends properties-!}
    .friendspace br {line-height:2px;}
    table.friendSpace div {display:none;}
    table.friendSpace table div {width:98% !important; font-size:8px !important}
    table.friendspace table table td a {font-size:9; font-family:Verdana}
    table.friendspace img {width:74px !important;}
    .friendSpace {position:absolute; margin-top:+20px;}
    </style>
    
    <style>
    {!-comments border-!}
    table.friendsComments {border:2px solid black;}
    table.friendsComments {width:460px;}
    </style>
    
    <style>{!-show friends table-!}</style>
    <div style="display:visible"> <table><tr><td><table><tr><td>

  2. #2
    lifemare's Avatar
    New User

    Status
    Offline
    Join Date
    May 2009
    Posts
    6

    Re: Making myspace code compatible with IE

    Come on people, lend a hand...

  3. #3
    codybear's Avatar
    Senior Member

    Status
    Offline
    Join Date
    Oct 2008
    Posts
    142

    Re: Making myspace code compatible with IE

    I'll have to make a band page soon.
    I've been getting more and more band page requests for help with designing.
    As soon as I can, I'll help you out.
    There's a few people in front of you in line,
    but tonight I should have about 99% of my website done,
    and I'm going to start helping people out with myspace coding again.
    I was trying to a week or two ago,
    but went wakeboarding/tubing and went out a lil bit more than I expected to haha.
    but I'll hopefully be back on here next week helping people out in the order they posted in!

    PS, I checked out your profile in IE (I hate IE personally),
    and I noticed a good majority of what you were talking about.
    But was wondering if you could explain in detail (greatest detail you can) with anything else like the positioning of certain tables. for example if you want all the left column perfectly lined up/same width, and if you want the right column perfectly lined up/same width, or if you want them centered, if you want the friendslist/comments centered, etc etc.
    Please be as detailed as possible! that will help me help you more efficiently and in a timely manner so I can help everyone out.

    I'm not on much anymore,
    so please be patient myspace coders!

  4. #4
    lifemare's Avatar
    New User

    Status
    Offline
    Join Date
    May 2009
    Posts
    6

    Re: Making myspace code compatible with IE

    Thanks for the reply codybear!

    I personally hate IE too, but unfortunately there's still a lot of people using it...
    The layout of the page should be two columns with all tables of equal widths containing LEFT: About Me, Contacts, General Info; RIGHT: Media Player, Upcoming Shows, Friend Space.
    As it is the Friends Comments table is aligned at the right, i've tried centering it and expanding the width to occupy the space of both left and right columns, but i've messed it up when i did it. If it's possible to do it with little hassle, i'd welcome the change; otherwise i'll settle for having it where it is (right column).
    That's pretty much it. If you open the page with firefox, all is where it should and as it should be, except maybe the small differences in table widths and awkward spacing between them. I'd be happy just to be able to replicate that in IE.

    Thanks again. Looking forward to your help.



Tags for this Thread