1 reply [Last post]
lifemare
Offline
newbie
Last seen: 7 years 21 weeks ago
Timezone: GMT+1
Joined: 2005-03-11
Posts: 6
Points: 2

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:

<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(<a href="http://farm4.static.flickr.com/3326/3505754236_b399228916_o.jpg" rel="nofollow">http://farm4.static.flickr.com/3326/3505754236_b399228916_o.jpg</a>) 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>

lifemare
Offline
newbie
Last seen: 7 years 21 weeks ago
Timezone: GMT+1
Joined: 2005-03-11
Posts: 6
Points: 2

sorry... new to the

:bigoops:
sorry... new to the forum... was doing 10 things at the same time, didn't read that this is section is just for site opinions... can someone please move this topic to a more apropriate section?