Firefox vs IE7

jessanlevou · Joined: 01 Dec 2007 Posts: 1

I created my myspace site using firefox, and then checked it on IE7 and it is all screwed up. The differences are that
1-the tables are transparent
2-the words are aligned left
3-the tables are sized incorrectly

I have my site launching Jan 1st and really need to fix this Sad

Please see for yourself what is wrong @ myspace.com/jessanlevoumusic

Finally, here is my code, maybe that will help... thank you ahead of time for anyone who can help

<style type="text/css">

body
{
background-position: 50% 0;
background-repeat: no-repeat;
background-attachment: fixed;
background-image:url(http://textures.boom.ru/texture/sky/clouds2.jpg);
background-color: 666666;
font-family: Courier New;
font-size: 15px;
color: black;

}
body div div table td
{
background-color: transparent;
color:black;
font-family: Courier New;
font-size: 15px;
border-color: cornflowerblue;
border-style: solid;
border-width: 6px;
direction: ctr;
}
table, td
{
background-image: none;
background-color: transparent;
border-color: none;
border-style: none;
border-width: none;
color: black;
font-family: Courier New;
font-size: 15px;
direction: ctr;
}

table table table
{
width: 100%;
padding: 0.5em;
background-color: grey;
border-color: cornflowerblue;
border-style: solid;
border-width: 6px;
color: black;
font-family: Courier New;
font-size: 15px;
direction: ctr;
}
table table table table
{
background-color: transparent;
border-color: none;
border-style: none;
border-width: none;
color: black;
font-family: Courier New;
font-size:15px;
direction: ctr;
}
.text table tr td p
{
color: black;
font-family: Courier New;
font-size: 15px;
direction: ctr;
}
.nametext
{
font-family: Courier New;
font-size: 30px;
color: back;
direction: ctr;

}
.text td
{

font-family: Courier New;
font-size: 13px;
color: black;
direction: ctr;
}
.text
{
font-family: Courier New;
color: navy;
font-size: 15px;

}
.blacktext10
{
font-family: Courier New;
font-size:13px;
color: navy;
}
.blacktext12
{
background-color: silver
background-immage: none;
padding: 4px;
font-family:Courier New;
font-size: 13px;
color: black;
border-color: none;
border-style: none;
border-width: none;
direction: ctr;
}
.lightbluetext8, .btext
{
font-family: Courier New;
font-size: 13px;
color: black;
font-weight: bold;
text-decoration: underline;
}
span.orangetext15
{
font-family:Courier New;
font-size: 13px;
color: navy;
font-weight: bold;
text-decoration: none;
direction: ctr;
}
span.whitetext12
{
font-family: Courier New;
font-size: 13px;
color: black;
font-weight: normal;
text-decoration: none;
direction: ctr;
}
span.redtext, span.redlink
{
font-family: Courier New;
font-size: 13px;
color: navy;
}
.redtext, .redbtext
{
color: navy;
font-family: Courier New;
font-size: 13px;
}
a.searchlinkSmall:link
{
color: black;
font-weight: normal;
text-decoration: none;
font-style: normal;
font-family: Courier New;
font-size: 10px;
direction: ctr;
}
a.searchlinkSmall:visited
{
color: navy;
font-weight: normal;
text-decoration: none;
font-style: normal;
font-family:Courier New;
font-size: 10px;
direction: ctr;
}
a.searchlinkSmall:hover
{
color: black;
font-weight: normal;
text-decoration: none;
font-style: normal;
font-family: Courier New;
font-size: 10px;
direction: ctr;
}
a.searchlinkSmall:active
{
color: cornflowerblue;
font-weight: normal;
text-decoration: none;
font-style: normal;
font-family: Basset Italic;
font-size: 10px;
direction: ctr;
}
a, a:link, a:visited, a.navbar, a.navbar:link, a.navbar:visited, a.man, a.man:link, a.man:visited
{
color: navy;
font-weight: normal;
text-decoration: underline;
font-style: normal;
font-family: Basset Italic;
font-size: 10px;
}
a:hover, a:active, a.navbar:hover, a.navbar:active, a.man:hover, a.man:active
{
color: navy;
font-weight: normal;
text-decoration: underline;
font-style: normal;
font-family:Courier New;
font-size:10px;
}
body, div, p, strong
{

color: black;
font-weight: normal;
text-decoration: none;
font-style: none;
font-family: Courier New;
font-size: 13px;
direction: ctr;
}
.redtext, .redbtext
{
color: black;
font-weight: bold;
text-decoration: none;
font-style: none;
font-family: Courier New;
font-size: 10px;
direction: ctr;
}
</style>

<style>
table
{
direction: rtl;
}
table table table
{
direction: ltr;
}
</style>

<style>.lastlogin {visibility:hidden;}</style><div

<p>
<p>
<p>

<style type="text/css"> table table table td.text div img {visibility:hidden;} table table table td.text div { background-image:url("http://www.myspacegens.com/images/310.gif"); background-repeat:no-repeat;} able table table td.text table table div img {visibility:visible;} table table table td.text table table div { background-image:none;} </style>

What am I doing wrong??? Question

PayneLess Designs · Joined: 28 Feb 2007 Posts: 1408 Location: Biloxi, MS

Where are you putting this as it doesn't make sense: