I am creating my band's myspace profile and have completed it how I'd like it to look in Firefox. [http://www.myspace.com/inthisskinisaband]
Here's the deal - when I view it in IE, it is COMPLETELY different and messed up. Is there a way to fix it for both IE and Firefox?
Thanks in advance for your suggestions, it is greatly appreciated especially considering I know little about HTML/Script/etc.
Here is the current HTML I've used (if it is of any assistance):
<style>
table, tr, td{
background-color:transparent;
border-style:none;
}
body, body.bodycontent{
background-image:url(http://imgboot.com/images/joshualynes/backgroundcopy_1.jpg);
background-position:center center !important! !important!;
background-repeat:no-repeat;
background-attachment:fixed;
}
body, div, p, strong, td, .text, .blacktext10, .blacktext12, a.searchlinkSmall, a.searchlinkSmall:link, a.searchlinkSmall:visited{
color:rgb(153,51,0);
font-weight:normal;
font-style:normal;
text-decoration:none;
text-transform:none;
}
.orangetext15, strong, .lightbluetext8, .whitetext12, .nametext, .btext, .redtext, .redbtext{
color:rgb(153,51,0);
font-weight:bold;
font-style:normal;
text-decoration:none;
text-transform:none;
}
a, a font, a:link, a:visited, a.navbar, a.navbar:link, a.navbar:visited, a.man, a.man:link, a.man:visited, a.man font, a.redlink, a.redlink:visited{
color:rgb(153,51,0);
font-weight:normal;
font-style:normal;
text-decoration:underline ;
text-transform:none;
}
a:hover, a:hover font, a:active, a.navbar:hover, a.navbar:active, a.man:hover, a.man:active, a.man:hover font, a.searchlinkSmall:hover, a.searchlinkSmall:active, a.redlink:hover, a.redlink:hover{
font-weight:normal;
font-style:normal;
text-decoration:underline ;
text-transform:none;
}
table table table, div table table{
border-style:none;
border-width:1px;
opacity:0.9;
-moz-opacity:0.9;
filter:alpha(opacity=90);
}
table table table table, div table table table{
border-style:none;
}
A IMG{
border-style:none;
}
a </style>
<style>
body{ background-position:top center;margin-top: 420 ;}
div.topbanner {
top: 0;
left: 0%;
margin-left: -0px;
width: 100%;
height: 1024px;
position: absolute;
}
</style>
<div class="topbanner"><img src="http://imgboot.com/images/joshualynes/top1_1.jpg" style="opacity:0.55;filter:alpha(opacity=55)" /></div>
<style>.a {MySpaceGens.com - hide your comments} .friendsComments {display:none;}</style>
<style>
.chr15 Hide Section Generator
{http://chr15.net/myspace/HideGen.php}
.latestblogentry {display:none;}
</style>
<style>
.contactTable {display: none;}
</style>
<style>
.i {display:none;}
table table td.text div object {position:absolute; top:365px; left: 19%; margin-left: 0px;}
table table td.text div object object {position:absolute}
</style>
<style>
.a {move left column}
object, embed,
table table table {position:relative; top:564px;}
table table table table {position:static;}
.a {move right column}
td.text table {position:relative; top:537px;}
td.text object, td.text embed,
td.text table table {position:static;}
</style>
<style>
.KhAk {Move The Bottom Links Down}
table div {margin-top:650px; }
div table div, table table div {
margin-top:0px; }
</style>
<style>
.a {hide label type row}
tr[id="Type of LabelRow"] {display:none;}
</style>
<style>
.a {hide member since row}
tr[id="Member SinceRow"] {display:none;}
</style>
<style>
body{
margin-top: 490 !important!;}
div.topbanner3 {
top: 366px;
left: 12%;
margin-left: 41px;
width: 600px;
height: 340px;
position: absolute;
}
</style>
<div class="topbanner3">
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" height="350" width="450">
<param name="allowScriptAccess" value="never" />
<param name="allowNetworking" value="all" />
<param name="movie" value="http://musicservices.myspace.com/Modules/MusicServices/Services/Embed.ashx/ptype=4,ap=1,plid=23269,artid=11724087,skinid=16,profid=383648652" />
<param name="wmode" value="transparent" />
<embed type="application/x-shockwave-flash" allowScriptAccess="never" allowNetworking="all" src="http://musicservices.myspace.com/Modules/MusicServices/Services/Embed.ashx/ptype=4,ap=1,plid=23269,artid=11724087,skinid=16,profid=383648652" height="350" width="450" wmode="transparent" />
</object>
</object>
</div>
<style>
td.text td.text table table table, td.text td.text table br, td.text td.text table .orangetext15, td.text td.text .redlink, td.text td.text span.btext {display:none;}
td.text td.text table {background-color:transparent;}
td.text td.text table td, td.text td.text table {height:0;padding:0;border:0;}
td.text td.text table table td {padding:3;}
td.text td.text table table br {display:in
Here's the deal - when I view it in IE, it is COMPLETELY different and messed up. Is there a way to fix it for both IE and Firefox?
Thanks in advance for your suggestions, it is greatly appreciated especially considering I know little about HTML/Script/etc.
Here is the current HTML I've used (if it is of any assistance):
<style>
table, tr, td{
background-color:transparent;
border-style:none;
}
body, body.bodycontent{
background-image:url(http://imgboot.com/images/joshualynes/backgroundcopy_1.jpg);
background-position:center center !important! !important!;
background-repeat:no-repeat;
background-attachment:fixed;
}
body, div, p, strong, td, .text, .blacktext10, .blacktext12, a.searchlinkSmall, a.searchlinkSmall:link, a.searchlinkSmall:visited{
color:rgb(153,51,0);
font-weight:normal;
font-style:normal;
text-decoration:none;
text-transform:none;
}
.orangetext15, strong, .lightbluetext8, .whitetext12, .nametext, .btext, .redtext, .redbtext{
color:rgb(153,51,0);
font-weight:bold;
font-style:normal;
text-decoration:none;
text-transform:none;
}
a, a font, a:link, a:visited, a.navbar, a.navbar:link, a.navbar:visited, a.man, a.man:link, a.man:visited, a.man font, a.redlink, a.redlink:visited{
color:rgb(153,51,0);
font-weight:normal;
font-style:normal;
text-decoration:underline ;
text-transform:none;
}
a:hover, a:hover font, a:active, a.navbar:hover, a.navbar:active, a.man:hover, a.man:active, a.man:hover font, a.searchlinkSmall:hover, a.searchlinkSmall:active, a.redlink:hover, a.redlink:hover{
font-weight:normal;
font-style:normal;
text-decoration:underline ;
text-transform:none;
}
table table table, div table table{
border-style:none;
border-width:1px;
opacity:0.9;
-moz-opacity:0.9;
filter:alpha(opacity=90);
}
table table table table, div table table table{
border-style:none;
}
A IMG{
border-style:none;
}
a </style>
<style>
body{ background-position:top center;margin-top: 420 ;}
div.topbanner {
top: 0;
left: 0%;
margin-left: -0px;
width: 100%;
height: 1024px;
position: absolute;
}
</style>
<div class="topbanner"><img src="http://imgboot.com/images/joshualynes/top1_1.jpg" style="opacity:0.55;filter:alpha(opacity=55)" /></div>
<style>.a {MySpaceGens.com - hide your comments} .friendsComments {display:none;}</style>
<style>
.chr15 Hide Section Generator
{http://chr15.net/myspace/HideGen.php}
.latestblogentry {display:none;}
</style>
<style>
.contactTable {display: none;}
</style>
<style>
.i {display:none;}
table table td.text div object {position:absolute; top:365px; left: 19%; margin-left: 0px;}
table table td.text div object object {position:absolute}
</style>
<style>
.a {move left column}
object, embed,
table table table {position:relative; top:564px;}
table table table table {position:static;}
.a {move right column}
td.text table {position:relative; top:537px;}
td.text object, td.text embed,
td.text table table {position:static;}
</style>
<style>
.KhAk {Move The Bottom Links Down}
table div {margin-top:650px; }
div table div, table table div {
margin-top:0px; }
</style>
<style>
.a {hide label type row}
tr[id="Type of LabelRow"] {display:none;}
</style>
<style>
.a {hide member since row}
tr[id="Member SinceRow"] {display:none;}
</style>
<style>
body{
margin-top: 490 !important!;}
div.topbanner3 {
top: 366px;
left: 12%;
margin-left: 41px;
width: 600px;
height: 340px;
position: absolute;
}
</style>
<div class="topbanner3">
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" height="350" width="450">
<param name="allowScriptAccess" value="never" />
<param name="allowNetworking" value="all" />
<param name="movie" value="http://musicservices.myspace.com/Modules/MusicServices/Services/Embed.ashx/ptype=4,ap=1,plid=23269,artid=11724087,skinid=16,profid=383648652" />
<param name="wmode" value="transparent" />
<embed type="application/x-shockwave-flash" allowScriptAccess="never" allowNetworking="all" src="http://musicservices.myspace.com/Modules/MusicServices/Services/Embed.ashx/ptype=4,ap=1,plid=23269,artid=11724087,skinid=16,profid=383648652" height="350" width="450" wmode="transparent" />
</object>
</object>
</div>
<style>
td.text td.text table table table, td.text td.text table br, td.text td.text table .orangetext15, td.text td.text .redlink, td.text td.text span.btext {display:none;}
td.text td.text table {background-color:transparent;}
td.text td.text table td, td.text td.text table {height:0;padding:0;border:0;}
td.text td.text table table td {padding:3;}
td.text td.text table table br {display:in