...

View Full Version : safari myspace rendering problem



iamglenn
06-05-2007, 11:31 PM
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!

iamglenn
06-06-2007, 06:47 PM
bump.

VIPStephan
06-07-2007, 12:17 AM
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.

iamglenn
06-07-2007, 07:51 PM
Client asked for it.

iamglenn
06-11-2007, 07:05 PM
bump.

rmedek
06-11-2007, 07:34 PM
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.…

iamglenn
06-11-2007, 09:46 PM
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:


<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 (http://www.browsrcamp.com/)

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



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum