No replies
huntersj78
huntersj78's picture
Offline
newbie
Japan
Last seen: 10 years 39 weeks ago
Japan
Joined: 2008-12-19
Posts: 1
Points: 0

Sad Hi my name is Stephen and I am new to the forum. I am so glad I could find a forum related to CSS. Here is my problem. I am trying to design a band page for one of my musicians. Little of my own code, little borrowed etc(not clean).

The Myspace profile is musicjunco. On Firefox everything looks the way I want it too. Explorer, Google, and Safari are giving me major headaches. Does anyone know a way I could clean up my code to make it appear correctly in all browsers?

Here is my messy code.

.r{}

body {
font-size: 1px; line-height: 1px; font-family: Verdana, Arial, sans-serif;
background-color:e5e5e5;
background-image:url(http://www.coolchaser.com/background/view/187116);
background-attachment: fixed;
background-position:center center;
background-repeat:no-repeat;
}

.cool {
position: absolute;
left:0px;
top:0px;
width:45px;
height:137px;
z-index:8;
}

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

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

a:hover {color:76996E; text-decoration: none}

img {border: none}

br {line-height: 10px;}
br + br
{
line-height:0;
}

u {text-decoration: none; }

table table table br { line-height:15px; }

* html table table table.latestBlogEntry br { line-height:0; }
.friendSpace br { line-height:0; }

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

input {background-color:transparent !important}

table {border-collapse:separate;}

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

table table table td {background-color:transparent;margin:0px;padding:0; vertical-align:top ! important;}
* html table table table td {padding: 0 12px 15px 12px;}

table table table table {border-width:0px; background-color: transparent; margin:0px; padding:0px; background-image: none;}
table table table table table{ border-color:ffffff;}

table table table table td {padding:3px 0;margin:0px; }
table table table table table td { padding:0 2px 0 0;}

table table table {
margin:0px;
max-width: 453px;
width: 100% !important;
padding: 0 12px 14px 13px;
}

* html table table table { padding:0;}

body td table, body div table {margin-top: 0;}

font {color:386093;font-size:10px}

a font:hover {color:000000}

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

a.navbar:hover {color:CCCCCC}

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

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

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

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

a.text:hover {color:CCCCCC}

.contactTable {width: auto !important;}

* html .contactTable, *html .userProfileURL {width: 294px !important;}

.contactTable td {padding: 0px; margin: 0px; text-align: center; }

.contactTable span.whitetext12 { left: 0;}
* html .contactTable .whitetext12 {margin-left: 25px;}

.contactTable td table {
height:150px;
background-color: transparent;
background-position: center;
background-repeat: no-repeat;
}

.contactTable a {padding: 0px; margin: 0px 5px 1px 0px; display: block; background-color: transparent; }
.contactTable a { height: 30px; width: 134px;}
.contactTable img { display:none; visibility:hidden;}
.contactTable a img {
border: 0px;
display: block;
visibility: visible;
}

.contactTable a img { width:120px; margin-top:6px; margin-left:8px;}

.nametext, span.whitetext12, .orangetext15, .btext {
margin: 14px 0px 4px 0px;
width:auto;
display: block;
}

* html .nametext, * html span.whitetext12, * html table.userProfileURL strong { width:267px; }

.orangetext15, .btext {
width:auto;
}

table table table table .orangetext15 { margin-bottom:4px;}

* html .orangetext15, * html .btext { width:390px;}

table tr td table tr td table tr td div strong {display: block; width: 270px;}

.whitetext12 { margin-top:0;}
.blacktext12 { display: block; margin-bottom:0px !important;}
.NOTES { content:"view all of your friend's link"; }

a.redlink:link {display: block; border-width: 3px 0px 0px 0px; padding-top: 3px;}
a.redlink:active, a.redlink:visited, a.redlink:link { display:inline; }

.NOTES { content:"firefox hack to make tables not to have a huge gap"; }
td.text {text-align:left;}

table table tr td {
line-height:1.4em;
}

table.userProfileURL strong { margin-top:-5px; margin-right:8px !important; }
table.userProfileURL { text-align:center;}
table.userProfileURL table {margin-top:-7px; margin-right:-5px;}
table table table.userProfileURL {padding-bottom:0;}
*html table table table.userProfileURL td {padding-bottom: 0;}

table.userProfileDetail .whitetext12, table.contactTable .whitetext12{ margin-top:3px;}
table.blurbs span.orangetext15, table.friendSpace .orangetext15 { display:none; }
table table table.blurbs table {margin-top:-18px;}
table table table.blurbs table table { margin:0; width:auto !important; padding:0;}
table table table.blurbs table span.orangetext15 { display:block; margin-bottom:0px;}

table table table.extendedNetwork { padding:0; }

table table table.extendedNetwork td { height:75px; padding:0;}

table table table.contactTable { padding:0;}
table table table.contactTable span.whitetext12{ display:none; }.contactTable .text {font-size:1px !important;}
table table table.contactTable td.text {height:0px !important}

.a {fix extended network border}
table table td.text table { border-collapse:collapse; }

td.text table.blurbs,
td.text table.latestBlogEntry,
td.text table.friendSpace,
td.text table.friendsComments,
table table td.text table table,
table.friendSpace td.text table,
table.friendsComments td.text table { border-collapse:separate; margin-top:0px; }

.a { ie fix }
* html table table td.text table td { padding:0;}
* html table table td.text table td table td { padding:0 !important;}
* html td.text table.blurbs td,
* html td.text table.latestBlogEntry td,
* html td.text table.friendSpace td,
* html td.text table.friendsComments td,
* html table.friendSpace td.text table td,
* html table.friendsComments td.text table td {
padding: 0 12px 15px 12px;
}
div table {
width:100%;
}
div table div, div table table { width:auto;}
body div table td form input.srchTextfld { width:auto !important; }

.r{}
table table table.userProfileApp { padding-left:0; padding-right:0; padding-top:10px; }
* html table table table.userProfileApp td {padding-left: 0; padding-right:0;}

table table  table.userProfileApp {width:300px;}
table.userProfileApp tr td, table.userProfileApp div {padding:0; border:0; background-color:transparent !important;}

.r{}
table.userProfileApp div.whitetext12 {display:none !important;}

.r{}
table.userProfileApp div span.whitetext12 { width:270px !important; height:20px !important; visibility:visible !important; margin-bottom:5px;}

.r{}
table.userProfileApp div a:hover {cursor:pointer !important;}

.r{}
.userProfileApp td.text {height:auto;}

.r{}
td.text table.userProfileApp {width:435px;}
td.text table.userProfileApp div span.whitetext12 {width:420px !important;}

.r{}
body {
background-color:000000 !important;
}

table table table {
border-width: 1;
border-style: solid;
border-color: ffffff;
background-color:000000;
background-image:url(http://www.coolchaser.com/images/city_b.gif);
background-position:top left;
background-repeat:repeat-x;
filter:alpha(opacity=84.88372093023255);
-moz-opacity:0.8488372093023255;
opacity:0.8488372093023255;
-khtml-opacity:0.8488372093023255;

}

table table table table {filter:none !important; opacity:1 !important; }

.contactTable {

}

.contactTable td table {
background-image: url(http://www.coolchaser.com/images/city_contact.gif);

}

.contactTable a img, .contactTable img {
visibility: hidden;
}

body, table table tr td, table table div, li, p, .redtext, .blacktext10, .text, a.text:link, a.text:visited,
a.searchlinksmall, a.searchlinksmall:link, a.searchlinksmall:visited,
.lightbluetext8, a, a:link, a:visited, a.redlink:link, div, font, a.navbar:link, a.navbar:visited
{
color:FFFFFF;

font-size:11;

}

a.searchlinksmall, a.searchlinksmall:link, a.searchlinksmall:visited { font-weight:normal;}

.nametext, .whitetext12, .orangetext15, .btext, .redbtext, .blacktext12, table.userProfileURL strong {
margin: 14px 0px 4px 0px;
color:FFFFFF;
font-size:14;
font-family:Courier, monospace;;

font-weight:bold;

}

.whitetext12 { margin-top:0; }

table table td.text table {

}

td.text table.blurbs,
td.text table.latestBlogEntry,
td.text table.friendSpace,
td.text table.friendsComments,
table.friendSpace,
table.friendsComments
{
background-color:000000;
background-image:url(http://www.coolchaser.com/images/city_b.gif);
background-position:top left;
background-position:top left;
background-repeat:repeat;
background-repeat:repeat-x;
filter:alpha(opacity=84.88372093023255);
-moz-opacity:0.8488372093023255;
opacity:0.8488372093023255;
-khtml-opacity:0.8488372093023255;
}

table table td.text table table,
table.friendSpace td.text table,
table.friendsComments td.text table {
background:transparent;
}

span.blacktext12 {

padding-top: 30;

}

.blacktext12 { text-align:center; margin-top:0px;}

.nametext, .whitetext12, .orangetext15, .btext, table.userProfileURL strong {
background-color:transparent;

border-style: none;

}

.nametext {

background-color:transparent;

}

.lightbluetext8 {
color:FFFFFF;
font-size:11;
font-family:Courier, monospace;;

font-weight:normal;

}

a, a:link, a:visited, a.redlink:link, a.redlink:visited, a.navbar:link, a.navbar:visited, a.text:link, a.text:visited, a.text:hover {
color:FFFFFF;
font-size:11;

font-weight:normal;

text-decoration:underline;

}

a.navbar:link, a.navbar:visited, a.text:link, a.text:visited, a.text:hover {

}

a:hover, a.redlink:hover, a.navbar:hover, a.text:hover {
color:FF3232;
font-size:11;

text-decoration:underline;

}

a.navbar:hover, a.text:hover {

}

a.navbar:link, a.navbar:visited, a.navbar:hover, a.text:link, a.text:visited, a.text:hover { font-weight:normal; font-size:9px;}

*html table table table { height: .01%; }

.cc_banner {

}

.r{}

.cc_banner {

filter:alpha(opacity=84.88372093023255);
-moz-opacity:0.8488372093023255;
opacity:0.8488372093023255;
-khtml-opacity:0.8488372093023255;

width:751px;

margin-left:-365px;

left:50%;
position:absolute;
top:178px;
}

* html .cc_banner {
width:751px;
margin-left:-365px;
}

body table {

}

* html body table {

}

body td table, body div table {
margin-top: 0;
}

.nametext, .whitetext12, .orangetext15, .btext, table.userProfileURL strong {
padding-top: 0;
padding-right:0;
padding-bottom:;
padding-left:0;
padding-left: 0;
}

.nametext {

}

body {
background-color: !important;
}
body.layout_0_2_0, body.layout_0_2_1, body.layout_0_2_2 {
background-color:;
}
body, table table tr td, table table div, li, p, .redtext, .blacktext10, .text,
a.searchlinksmall, a.searchlinksmall:link, a.searchlinksmall:visited,
.lightbluetext8, a, a:link, a:visited, a.redlink:link, div, font, div.interestsModule li h4, div.detailsModule li strong, div.blurbsModule h4
{
font-size:px;
}
body {
background-repeat: no-repeat !important;
}
body, table table tr td, table table div, li, p, .redtext, .blacktext10, .text, div, font
{
color:;
}
body.layout_0_2_0 {
color:;
}
body {
background-position:center center !important;
}
table table table, .cc_banner, td.text table.blurbs, td.text table.latestBlogEntry,td.text table.friendSpace, td.text table.friendsComments,table.friendSpace, table.friendsComments td.text, div.module {
filter:none !important; -moz-opacity:1 !important; opacity:1 !important; -khtml-opacity:1 !important;
}

body{
background-position:top center;margin-top: 1024;}

div.topbanner {
top: 0;
left: 49.1%;
margin-left: -500px;
width: 100%;
height: 1024px;
position: absolute;
}

body.bodyContent{margin-top:800px;}

PV_Kanashii

Please help