Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 7 of 7
  1. #1
    New Coder
    Join Date
    Jun 2006
    Posts
    17
    Thanks
    0
    Thanked 0 Times in 0 Posts

    safari myspace rendering problem

    I am having some trouble getting a client's myspace to render properly on safari.

    link: http://myspace.com/silvialomelievents

    how it should look: http://silvialomelievents.com/myspace/smyspace.jpg

    suggestions? thanks so much in advance!

  • #2
    New Coder
    Join Date
    Jun 2006
    Posts
    17
    Thanks
    0
    Thanked 0 Times in 0 Posts
    bump.

  • #3
    The fat guy next door VIPStephan's Avatar
    Join Date
    Jan 2006
    Location
    Halle (Saale), Germany
    Posts
    8,929
    Thanks
    6
    Thanked 1,041 Times in 1,014 Posts
    Sorry for not being really helpful but I guess bad experiences with Myspace of most “professional” users kind of keeps them from wasting their time on that issue. A day has only 24 hours and one can do more productive things than messing with Myspace layouts.

  • #4
    New Coder
    Join Date
    Jun 2006
    Posts
    17
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Client asked for it.

  • #5
    New Coder
    Join Date
    Jun 2006
    Posts
    17
    Thanks
    0
    Thanked 0 Times in 0 Posts
    bump.

  • #6
    Senior Coder
    Join Date
    Nov 2003
    Location
    Minneapolis, MN
    Posts
    2,879
    Thanks
    2
    Thanked 65 Times in 56 Posts
    Please don't continuously bump this thread, especially as you've provided little to no information.

    MySpace layouts are despised by most HTML/CSS developers because it uses layers upon layers of nested table layouts, little to no decent style hooks, and depends on a hacked stylesheet that uses extremely unwieldy and convoluted descendent selectors. It's no fun to develop, and everyone here is contributing their spare time. Few people here enjoy working on MySpace layouts if they don't have to. Not to mention you are being paid for this work while we aren't.

    So. That being said, why not provide as much information as possible to make someone actually want to help you?

    • Exactly where are you having trouble?
    • In what browsers does this area render correctly?
    • For those who don't have Safari, provide a screenshot of the trouble area.
    • What is the code for the trouble area (HTML/CSS)?
    • What code have you tried?
    • What do you think might be the issue?


    Etc., etc., etc.…

  • #7
    New Coder
    Join Date
    Jun 2006
    Posts
    17
    Thanks
    0
    Thanked 0 Times in 0 Posts
    My apologies I assumed the shorter, the better.

    I am having problems displaying the big header and main content (about me image & comments) in safari, everything works well in firefox but the big header and main content is not displaying in safari.

    The troubled area is html/css, my markup is here:

    Code:
    <style type="text/css">
    
    body table tbody table tbody table tbody table table div strong{display: none;}
    body table tbody table tbody table tbody table td div {visibility: hidden}
    body table tbody table tbody table tbody table td, body 
    table tbody table tbody table tbody td {background: transparent;}
    table table table table div {visibility:hidden;}
    div table table table table table div input, div a, td.text div {visibility:visible;}
    .contactTable {background: rgb(102, 153, 204); position: relative; top: 30px;}
    .contactTable table {background: rgb(255, 255, 255);}
    
    .redbtext:after {
    content: " billion";
    }
    
    .redtext,.redbtext{color:15500e; font-size: 18px; font-weight: bold}
    
    
    .nametext {
    background-image: url(http://www.silvialomelievents.com/name.png);
    background-position: bottom center;
    background-repeat: no-repeat;
    height: 44px;
    width: 322px;
    font-size: 1px;
    text-align: left;
    color:f4f3d8;
    padding: 0px 0px 3px 0px;
    display: block;
    margin: 14px 0px 8px 0px;
    overflow:hidden; text-indent: -9999px
    }
    
    
    .whitetext12{visibility:hidden; display:none;}
    .orangetext15{visibility:hidden; display:none;}
                   		      
    
    a.text, table div font a, table div div {visibility:hidden;}
    table td table tr td.text table {visibility:hidden;}
    table td table tr td.text table table, table td table tr td.text table table td.text {visibility:visible;}
    div td font {visibility:hidden;}
    .navbar {visibility:visible;}
    .contactTable {display: none;}
                   		      
    table td table tr td.text table {visibility:hidden;}
    table td table tr td.text table table, table td table tr td.text table table td.text {visibility:visible;}
    td.text table {position:relative; top:-180px;}
    td.text table table {position:static;}
    
    body { background-color: &#035;000000; background-image: url(http://www.silvialomelievents.com/myspace/bg.jpg); background-repeat: repeat-y; background-attachment: fixed; background-position: center 0; margin-top:640px; }
    
    img {
    border: 0;
    }
    table, tr, td {background-color: transparent; border:0;}
    a, a:link, a:active, a:visited, a.text:link, a.text:active, a.text:visited,  a.searchlinksmall:link, a.searchlinksmall:active, a.searchlinksmall:visited, a.redlink:link, a.redlink:active, a.redlink:visited {color: ffffff;text-decoration: underline !important;}a.text:hover, a.searchlinksmall:hover, a:hover, a.redlink:hover {text-decoration: underline !important;}a.redlink:link, a.redlink:active, a.redlink:visited {color:ffffff;}.nametext {font-size: 29px;font-family: verdana;color: rgb(230,0,0);}.btext {font-size: 18px;font-weight: bold;color:15500e;}table, tr, td, li, p, div {}table, tr, td, li, p, div, table table table td b, table table table td {font-size: 14px;font-family: verdana;color: rgb(255,255,255);}.orangetext15 {font-size: 18px;font-weight: bold;color: rgb(176,198,4);font-family: verdana;
    }
    .whitetext12 {
    font-size: 18px;
    font-weight: bold;
    color: rgb(176,198,4);
    font-family: verdana;
    }
    
    .text {color: rgb(255,255,255);}.blacktext10 {color: rgb(255,255,255);}.lightbluetext8 {font-weight: bold;color: rgb(176,198,4);font-family: verdana;}
    .blacktext12 {display:none;}
    td.text table, td.text td {border:0px; height:0px;}
    </style>
    
    <div id="topDivHeader" style="margin-left:-420px; left:50.0%; position:absolute; top:0px; width:820px; height:630px;">
    <table id="Table_01" width="820" height="630" border="0" cellpadding="0" cellspacing="0">
    <tr>
    <td colspan="7">
    <img src="http://www.silvialomelievents.com/myspace/slices/myspaceheader_01.jpg" width="820" height="278" alt=""></td>
    </tr>
    <tr>
    <td>
    <img src="http://www.silvialomelievents.com/myspace/slices/myspaceheader_02.jpg" width="156" height="64" alt=""></td>
    <td colspan="2">
    <a href="http://collect.myspace.com/index.cfm?fuseaction=invite.addfriend_verify&friendID=189800985&MyToken=3e81b9f3-8435-470e-ae10-2217aa7779a6"><img src="http://www.silvialomelievents.com/myspace/slices/myspaceheader_03.jpg" alt="" width="254" height="64" border="0"></a></td>
    <td>
    <img src="http://www.silvialomelievents.com/myspace/slices/myspaceheader_04.jpg" width="78" height="64" alt=""></td>
    <td colspan="2">
    <a href="http://messaging.myspace.com/index.cfm?fuseaction=mail.message&friendID=189800985&MyToken=3e81b9f3-8435-470e-ae10-2217aa7779a6"><img src="http://www.silvialomelievents.com/myspace/slices/myspaceheader_05.jpg" alt="" width="226" height="64" border="0"></a></td>
    <td>
    <img src="http://www.silvialomelievents.com/myspace/slices/myspaceheader_06.jpg" width="106" height="64" alt=""></td>
    
    </tr>
    <tr>
    <td colspan="7">
    <img src="http://www.silvialomelievents.com/myspace/slices/myspaceheader_07.jpg" width="820" height="15" alt=""></td>
    </tr>
    <tr>
    <td colspan="2" rowspan="2">
    <img src="http://www.silvialomelievents.com/myspace/slices/myspaceheader_08.jpg" width="328" height="272" alt=""></td>
    <td colspan="3">
    <a href="http://www.silvialomelievents.com/" target="_blank"><img src="http://www.silvialomelievents.com/myspace/slices/myspaceheader_09.jpg" alt="" width="220" height="51" border="0"></a></td>
    <td colspan="2" rowspan="2">
    <img src="http://www.silvialomelievents.com/myspace/slices/myspaceheader_10.jpg" width="272" height="272" alt=""></td>
    </tr>
    <tr>
    <td colspan="3">
    <img src="http://www.silvialomelievents.com/myspace/slices/myspaceheader_11.jpg" width="220" height="221" alt=""></td>
    </tr>
    
    <tr>
    <td>
    <img src="http://www.silvialomelievents.com/myspace/slices/spacer.gif" width="156" height="1" alt=""></td>
    <td>
    <img src="http://www.silvialomelievents.com/myspace/slices/spacer.gif" width="172" height="1" alt=""></td>
    <td>
    <img src="http://www.silvialomelievents.com/myspace/slices/spacer.gif" width="82" height="1" alt=""></td>
    <td>
    <img src="http://www.silvialomelievents.com/myspace/slices/spacer.gif" width="78" height="1" alt=""></td>
    <td>
    <img src="http://www.silvialomelievents.com/myspace/slices/spacer.gif" width="60" height="1" alt=""></td>
    <td>
    <img src="http://www.silvialomelievents.com/myspace/slices/spacer.gif" width="166" height="1" alt=""></td>
    <td>
    <img src="http://www.silvialomelievents.com/myspace/slices/spacer.gif" width="106" height="1" alt=""></td>
    </tr>
    </table>
    
    </div>
    <a href="http://www.silvialomelievents.com" target="blank"><img src="http://www.silvialomelievents.com/images/images/silviamyspace.png"></a>
    To test, I was using a safari renderer called browser camp

    Here is how it should look & looks in firefox:
    http://silvialomelievents.com/myspace/smyspace.jpg

    Here are the results:
    http://87.6.21.209/safaritest/1181594588-full.jpg

    URL:
    http://myspace.com/silvialomelievents


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •