Register

If this is your first visit, please click the Sign Up now button to begin the process of creating your account so you can begin posting on our forums! The Sign Up process will only take up about a minute of two of your time.

Results 1 to 2 of 2
  1. #1
    Member kennedrw's Avatar
    Join Date
    Mar 2006
    Posts
    72
    Member #
    12717
    Maybe people will get mad for posting a MySpace style problem, but I honed a pretty cool MySpace design that looks great in Fireox:

    http://www.myspace.com/237545443

    But get's really messed up in IE. Anyone know a quick fix for this? Probably something I'm overlooking.

    Here is the CSS used for the site above:

    </span><br/>
    <span class="text"></span><br/>
    <span class="text"><span class="text">So apparently this "MySpace" is suppose to be some sort of great marketing tool.

    <div class="masthead"><span></span></div>

    <style type="text/css">

    body{font-size: 1px; line-height: 15px;background-color:333333; font-family: "Lucida Grande", "Lucida Sans", Verdana, Arial, sans-serif;
    background-repeat: repeat-y; background-position: center;
    background-image: url(http://www.rootofsite.com/reesskenne...space_ie.gif);
    }

    p {margin: 0px 0px 1em 0px; font-family: "Lucida Grande", "Lucida Sans", Verdana, sans-serif !important}

    a, a:link, a:visited{color:0085bd; text-decoration: none;}

    a:hover{color:cd2b75; text-decoration: none}

    img {border: none}

    br {line-height: 20px;}

    form{border-width:0px;background-color:none;}

    input {border:1px solid 333333; color:333333;background-color:FFFFFF;}

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

    table table table td{background-color:transparent;margin:0px;padding: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 {
    padding: 0px 14px 14px 14px;
    margin:0px;
    background-color:d3ff99;
    width: 100% !important;
    }

    .masthead {
    width: 100% !important;
    height: 100px;
    position: absolute;
    left: 0px;
    top: 152px;
    text-align: center;
    }

    body>div>table>tbody>tr>td>table , body>div>table>tr>td>table {
    margin-bottom:104px;
    }

    font{color:9ed652;font-size:10px}

    a font:hover{color:83b344}

    a.navbar:link, a.navbar:visited {color:d3ff99}

    a.navbar:hover{color:white}

    font input, .navbar font, font {
    display: none;
    }

    table tr td table tr td font {
    display: inline;
    }

    table tr td table a.navbar {
    font-size: 10px;
    }

    .text{color:333333;font-size:11px}

    a.text:link, a.text:visited {color:d3ff99}

    a.text:hover{color:white}

    .nametext {
    background-image: url(http://www.rootofsite.com/reesskenne..._myspace.gif);
    background-position: bottom center;
    background-repeat: no-repeat;
    overflow: hidden;
    height: 40px;
    font-size: 1px;
    text-align: left;
    color: d3ff99;
    padding: 0px 0px 3px 0px;
    display: block;
    margin: 14px 0px 8px 0px;
    border-width: 0px 0px 3px 0px;
    border-style: double;
    border-color: d3ff99;
    }

    NOTE {Your "Contact Me" table... replace existing crap buttons with custom image}

    .contactTable {
    width: 300px;
    }

    .contactTable td {
    padding: 0px;
    margin: 0px;
    }

    .contactTable td table {
    background-color: transparent;
    background-image: url(http://www.rootofsite.com/reesskenne..._myspace.gif);
    background-position: center;
    background-repeat: no-repeat;
    }

    .contactTable a {
    padding: 0px;
    margin: 0px 0px 1px 5px;
    display: block;
    height: 30px;
    width: 136px;
    background-color: transparent;
    }

    .contactTable a img, .contactTable img {
    border: 0px;
    display: none;
    visibility: hidden;
    }

    .whitetext12{color:333333; font-size: 18px; margin: 0px 0px 4px 0px; padding: 0px 0px 3px 0px; text-align: center; display: block; font-family: "Lucida Grande", "Lucida Sans", Verdana, Arial, sans-serif; font-weight: normal; border-width: 0px 0px 3px 0px; border-style: double; border-color: d3ff99}

    .blacktext12{color:333333;font-size:18px; font-family: "Lucida Grande", "Lucida Sans", Verdana, Arial, sans-serif; font-weight: normal; display: block; margin-top: 14px}

    .blacktext12:before {
    content: "OMGWTFBBQ!";
    }

    NOTE {"Latest Blog Entry" and "___ has this many friends" headlines}

    .btext{color:333333; font-size: 18px; margin: 14px 0px 4px 0px; padding: 0px 0px 3px 0px; display: block; font-family: "Lucida Grande", "Lucida Sans", Verdana, Arial, sans-serif; font-weight: normal; text-align: center; border-width: 0px 0px 3px 0px; border-style: double; border-color: d3ff99}

    .orangetext15{color:333333; font-size: 18px; margin: 14px 0px 4px 0px; padding: 0px 0px 3px 0px; text-align: center; display: block; font-family: "Lucida Grande", "Lucida Sans", Verdana, Arial, sans-serif; font-weight: normal; border-width: 0px 0px 3px 0px; border-style: double; border-color: d3ff99; width: 435px}

    .lightbluetext8{color:9ed652}

    .redtext,.redbtext{color:333333; font-family: "Lucida Grande", "Lucida Sans", Verdana, Arial, sans-serif; font-size: 18px; font-weight: bold}

    .redbtext:after {
    content: "gazillion";
    }

    a.redlink:link{color:9ed652; display: block; text-align: center; border-width: 3px 0px 0px 0px; border-style: double; border-color: d3ff99; padding-top: 3px;}

    a.redlink:visited{color:9ed652}

    a.redlink:hover{color:83b344}

    u {
    text-decoration: none;
    font-size: 10px;
    }

    </style>

    <![if !IE]>
    <style type="text/css">

    .masthead {
    background-image: url(http://www.rootofsite.com/reesskenne..._myspace.jpg);
    background-position: top center;
    background-repeat: repeat-y;
    }

    body {
    background-image: url(http://www.rootofsite.com/reesskenne..._myspace.jpg);
    }

    table table table {
    border-width: 3px; border-style: double; border-color: d3ff99;
    }

    .orangetext15 {
    width: auto;
    }

    .nametext {
    height: 35px;
    }

    </style>
    <![endif]>

    <p style="font-size: 10px;">(Layout provided by <a href="http://www.mikeindustries.com/blog/archive/2006/04/hacking-myspace-layouts">Mike Industries</a>.)</p></style></span></style></span></style></span>
    </td>
    my site: textbookpower.com
    my email: rkennedy@ [domain above]

  2.  

  3. #2
    Member
    Join Date
    Jun 2007
    Location
    Scotts Valley, CA
    Posts
    49
    Member #
    15405
    Hi Reess,

    Looks like it's showing up fine to me. Have you resolved this on your own already?

    Cheers,

    K.


Remove Ads

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
All times are GMT -6. The time now is 10:13 AM.
Powered by vBulletin® Version 4.2.3
Copyright © 2021 vBulletin Solutions, Inc. All rights reserved.
vBulletin Skin By: PurevB.com