Web Analytics Made Easy -
StatCounter Help for myspace band code :( - CodingForum

Announcement

Collapse
No announcement yet.

Help for myspace band code :(

Collapse
X
 
  • Filter
  • Time
  • Show
Clear All
new posts

  • Help for myspace band code :(

    I have been fighting this for about two weeks now... My page looks great in Safari and Firefox but its chaos in IE... I will give you the link and paste the code:


    site:

    www.myspace.com/unitethefaith



    code (added to the "Bio" section in Myspace):

    <style type="text/css">

    body {margin-top: 0;}
    .iTopA {
    position: absolute;
    top: 0px;
    left: 50%;
    margin-left: -402px;
    width: 800px;
    z-index: 3;
    }

    .Left {
    position: fixed;
    top: 0px;
    left: 50%;
    margin-left: -800px;
    z-index: 3;
    }

    .Right {
    position: fixed;
    top: 0px;
    left: 50%;
    margin-left: 400px;
    z-index: 3;
    }

    .Recordimg {
    position:absolute;
    top: 789px;
    left: 50%;
    margin-left: -402px;
    z-index: 2;
    }

    .Bio {
    position: absolute;
    top: 1138px;
    left: 50%;
    margin-left: -402px;
    z-index: 2;
    }

    .CDriveadd {
    position: absolute;
    top: 1538px;
    left: 50%;
    margin-left: -402px;
    z-index: 2;
    }

    object {
    position: relative;
    top: 571px;
    left: 4px;
    z-index: 3;
    }

    .contactTable {
    position: relative;
    top: 1510px;
    left: 0px;
    z-index: 3;
    }

    .comments {
    position: absolute;
    left: 50%;
    top: 2070px;
    margin-left: -402px;
    }

    table.friendSpace {display: none;}
    div.friendsAndComments table {width: 100%;}
    div.friendsAndComments {overflow: auto; width: 788px; height: 398px;}

    table, tr, td {
    background: transparent;
    border: 0px;
    }

    table table table {
    background: transparent;
    z-index: 1;
    }

    </style>

    <div class="iTopA">
    <img src="http://img110.imageshack.us/img110/6456/myspacemodel6.jpg">
    </div>

    <div class="Left">
    <img src="http://img11.imageshack.us/img11/8599/left2.jpg">
    </div>

    <div class="Right">
    <img src="http://img223.imageshack.us/img223/7452/right2.jpg">
    </div>

    <div class="Recordimg">
    <img src="http://img18.imageshack.us/img18/1825/myspacecd.jpg" width="350" height="346">
    </div>

    <div class="Bio">
    <img src="http://img13.imageshack.us/img13/3578/myspacebios.jpg" width="805" height="400">
    </div>

    <div class="CDriveadd">
    <img src="http://img17.imageshack.us/img17/4513/myspacedrive.jpg" width="805" height="402">
    </div>

    <div class="comments"><table height="400"><tr><td><table><tr><td></div>

    <div class="friendsAndComments">
    <table><tr><td class="text">
    <table style="display:none;"><tr><td>
    <table><tr><td>/div>



    Can you please let me know what I can do to fix these bugs in IE... I really dont know much about CSS... Thank you so much!

  • #2
    Looks like you solved your problem. Your page looks the same every major browser. I love this layout! Would you mind sharing the code you used to achieve cross-browser compatibility?

    Comment


    • #3
      Originally posted by unitethefaith View Post
      I have been fighting this for about two weeks now... My page looks great in Safari and Firefox but its chaos in IE... I will give you the link and paste the code:


      site:

      www.myspace.com/unitethefaith



      code (added to the "Bio" section in Myspace):

      <style type="text/css">

      body {margin-top: 0;}
      .iTopA {
      position: absolute;
      top: 0px;
      left: 50%;
      margin-left: -402px;
      width: 800px;
      z-index: 3;
      }

      .Left {
      position: fixed;
      top: 0px;
      left: 50%;
      margin-left: -800px;
      z-index: 3;
      }

      .Right {
      position: fixed;
      top: 0px;
      left: 50%;
      margin-left: 400px;
      z-index: 3;
      }

      .Recordimg {
      position:absolute;
      top: 789px;
      left: 50%;
      margin-left: -402px;
      z-index: 2;
      }

      .Bio {
      position: absolute;
      top: 1138px;
      left: 50%;
      margin-left: -402px;
      z-index: 2;
      }

      .CDriveadd {
      position: absolute;
      top: 1538px;
      left: 50%;
      margin-left: -402px;
      z-index: 2;
      }

      object {
      position: relative;
      top: 571px;
      left: 4px;
      z-index: 3;
      }

      .contactTable {
      position: relative;
      top: 1510px;
      left: 0px;
      z-index: 3;
      }

      .comments {
      position: absolute;
      left: 50%;
      top: 2070px;
      margin-left: -402px;
      }

      table.friendSpace {display: none;}
      div.friendsAndComments table {width: 100%;}
      div.friendsAndComments {overflow: auto; width: 788px; height: 398px;}

      table, tr, td {
      background: transparent;
      border: 0px;
      }

      table table table {
      background: transparent;
      z-index: 1;
      }

      </style>

      <div class="iTopA">
      <img src="http://img110.imageshack.us/img110/6456/myspacemodel6.jpg">
      </div>

      <div class="Left">
      <img src="http://img11.imageshack.us/img11/8599/left2.jpg">
      </div>

      <div class="Right">
      <img src="http://img223.imageshack.us/img223/7452/right2.jpg">
      </div>

      <div class="Recordimg">
      <img src="http://img18.imageshack.us/img18/1825/myspacecd.jpg" width="350" height="346">
      </div>

      <div class="Bio">
      <img src="http://img13.imageshack.us/img13/3578/myspacebios.jpg" width="805" height="400">
      </div>

      <div class="CDriveadd">
      <img src="http://img17.imageshack.us/img17/4513/myspacedrive.jpg" width="805" height="402">
      </div>

      <div class="comments"><table height="400"><tr><td><table><tr><td></div>

      <div class="friendsAndComments">
      <table><tr><td class="text">
      <table style="display:none;"><tr><td>
      <table><tr><td>/div>

      Can you please let me know what I can do to fix these bugs in IE... I really dont know much about CSS... Thank you so much!

      Look good.. I think I might need some help ASAP please, if you can.
      I am php developer, but don't really know how to put a music myspace profile;
      Here is the page I did for myspace music profile;
      http://thecreativecomplex.com/client...derci-myspace/ (I need to put this page in myspace music profile)

      I also put this layout on my friend profile just to test (http://www.myspace.com/lookitsruben) how it look in myspace, but the music profile is different way of doing in it. Please help me with this issues ASAP..

      Thanks..

      Comment


      • #4
        hi everybody,

        i was in need for a simple edit for my myspace profile and i used the code in the first post, changing links. Still I have problems with the background and, i guess, the comment section.

        this is the code from my pace ( http://myspace.com/concrasticaura )

        <style>

        body {margin-top: 0;}
        .iTopA {
        position: absolute;
        top: 0px;
        left: 50%;
        margin-left: -402px;
        width: 800px;
        z-index: 3;
        }

        .Left {
        position: fixed;
        top: 0px;
        left: 50%;
        margin-left: -800px;
        z-index: 3;
        }

        .Right {
        position: fixed;
        top: 0px;
        left: 50%;
        margin-left: 400px;
        z-index: 3;
        }

        .Recordimg {
        position:absolute;
        top: 789px;
        left: 50%;
        margin-left: -402px;
        z-index: 2;
        }

        .Bio {
        position: absolute;
        top: 1138px;
        left: 50%;
        margin-left: -402px;
        z-index: 2;
        }

        .CDriveadd {
        position: absolute;
        top: 1538px;
        left: 50%;
        margin-left: -402px;
        z-index: 2;
        }

        object {
        position: relative;
        top: 571px;
        left: 4px;
        z-index: 3;
        }

        .contactTable {
        position: relative;
        top: 1510px;
        left: 0px;
        z-index: 3;
        }

        .comments {
        position: absolute;
        left: 50%;
        top: 2070px;
        margin-left: -402px;
        }

        table.friendSpace {display: none;}
        div.friendsAndComments table {width: 100%;}
        div.friendsAndComments {overflow: auto; width: 788px; height: 398px;}

        table, tr, td {
        background: transparent;
        border: 0px;
        }

        table table table {
        background: transparent;
        z-index: 1;
        }

        </style>

        <div class="iTopA">
        <img src="http://img706.imageshack.us/img706/5788/myspacepozamare.jpg" />
        </div>



        <div class="Right">
        <img src="http://img223.imageshack.us/img223/7452/right2.jpg" />
        </div>

        <div class="Recordimg">
        <img src="http://img571.imageshack.us/img571/8901/myspacestangaplayer.jpg" width="350" height="346" />
        </div>

        <div class="Bio">
        <img src="http://img717.imageshack.us/img717/2053/bioinfo.jpg" width="805" height="400" />
        </div>

        <div class="CDriveadd">
        <img src="http://img823.imageshack.us/img823/5163/myspacejosdetot.jpg" width="805" height="402" />
        </div>

        <div class="Left">
        <img />
        </div>

        <div class="comments"><table><tr><td><table><tr><td></div>

        <div class="friendsAndComments">
        <table><tr><td class="text">
        <table style="display:none;"><tr><td>
        <table><tr><td>/div&gt;


        any help would be appreciated

        PS: yes i know my music sucks)

        Comment


        • #5
          Ok, let's do it like this. the guy that fixes the code may insert an banner of his own how about it

          ofcourse within myspace policy

          yey?

          Comment

          Working...
          X