IE -- Firefox Options

[illmatic11]

Alright I finally got my page exactly how I want it, but when I view it in Firefox it's all jacked up. I know it's somethin to do with my codes but I don't have any idea what it is. Any help would be great....

CODE

<style>
.mygen { Created using MyGen 2.5 - www.mygen.co.uk }

.mygen { Background Properties }
table, tr, td { background-color:transparent; border:none; border-width:0;}
body {
background-image:url(http://img145.imageshack.us/img145/3151/azbgrdcg6.png);
background-color:000000;
background-attachment:scroll;
background-repeat:repeat;
background-position:top center;
}

table table table td {
filter:alpha(opacity=99); -moz-opacity:0.99; opacity:0.99; -khtml-opacity:0.99; }
table table table table td {filter:none;}

.mygen { Text Properties }
table, tr, td, li, p, div { font-family:verdana; color:FFFFFF; font-size:12px; font-weight:normal; }
.btext { font-family:verdana; color:FFFFFF; font-size:12px; font-weight:normal; }
.blacktext10 { font-family:verdana; color:FFFFFF; font-size:12px; font-weight:normal; }
.blacktext12 { margin-top:-2px; display:none; }
.lightbluetext8 { display:none; }
.orangetext15 { font-family:verdana; color:FFFFFF; font-size:12px; font-weight:normal; }
.redtext { font-family:verdana; color:FFFFFF; font-size:12px; font-weight:normal; }
.redbtext { font-family:verdana; color:FFFFFF; font-size:12px; font-weight:normal; }
.text { font-family:verdana; color:FFFFFF; font-size:12px; font-weight:normal; }
.whitetext12 { display:none; }
a:active, a:visited, a:link { font-family:verdana; color:EEEEEE; font-size:12px; font-weight:normal; }
a:hover { color:FFFFFF; text-decoration:none; }
a.navbar:active, a.navbar:visited, a.navbar:link { font-family:verdana; color:EEEEEE; font-size:12px; font-weight:normal; }
a.navbar:hover { color:FFFFFF; text-decoration:none; }
.nametext { font-family:verdana; color:FFFFFF; font-size:13px; font-weight:normal; display:block; padding:5px; }

</style>


<style>table tr td div font {display: none;}</style>


<style>
.friendText {display:none;)
.redLink {display:none;}
</style>


<style>
.contactTable {display:none;}
</style>


<style>
.a {hide view more pics and videos}
.profileInfo td td {visibility:hidden;}
.profileInfo td.text {visibility:visible;}
</style>


<style>.orangetext15 {color:white; font-size: 12px; margin: 12px 0px 4px 0px; padding: 0px 0px 3px 0px; text-align: left; display:normal ; font-family: Verdana; font-weight: normal; border-width: 0px 0px 3px 0px; border-style: solid; border-color: eeeeee; width: 358px;}</style>


<style>a.text, table div font a, table div div {visibility:hidden;}</style>


<style>.mslogo {display:none; }</style>


<style>
.a {hide top search}
div table div form {display:none !important}
.bodyContent table table div form {display:inline !important;}
</style>


<style>td td embed, td td object{position:absolute; left:0px; top:0px; width:1px; height:1px;}
td.text embed {width:260px; height:38px;}
td.text embed, td.text object {width:260px; height:38px;}</style>


<style>td td td td.text a img {visibility:hidden;}
td td td td.text a {display:block; width:170px; height:287px; background-image:url(http://i519.photobucket.com/albums/u360/TheDon86/15.png);}
.contactTable a {background-image:none !important; display:inline; width:auto !important; height:auto !important;}
.contactTable a img {visibility:visible;}
</style>


<style>
table.profileInfo,
table.userProfileURL,
table.contactTable,
table.interestsAndDetails,
table.userProfileDetail
{margin-right:20px;}</style>


<style>
td.text td.text .redlink {display:none;}
</style>


<br />
<style>.friendspace {position:relative; left: 6px;}td.text table table {position:static;}</style>


<style>.userProfileDetail {display:none;}</style>


<style>
.interestsAndDetails {margin-top:-40px;}
</style>


<style>.userProfileURL { display:none; }</style>


<style>
joyboner.com{–Hide Top 8+ Friends Only–}
.friendSpace{display:none!important;}
</style>


<style>.a {MySpaceGens.com - hide your comments} .friendsComments {display:none;}</style>


<style>
.blurbs{kj}
td.text td.text .orangetext15 {margin-left:6px;}
</style>


<style>table table table td {vertical-align:top ! important;}span.blacktext12 {visibility:visible !important;background-color:transparent;background-image:url("");background-repeat:no-repeat;background-position:center center;font-size:0px; letter-spacing:-0.5px;width:435px; height:100px; display:block !important; }span.blacktext12 img {display:none;}</style>

..&gt;


<style>.latestBlogEntry {display: none;}table.blurbs {margin-top:50px} </style>


<style>
td.text td.text .btext {display:none;}
</style><br /><br />



<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, .rid br,
td.text td.text span.btext {margin-left:0px}
table[id*="Friends"] {display:none;}
td.text td.text table td, td.text td.text table {height:0; padding:0; border:0;}
td.text td.text table {background-color:transparent!important;}
td.text td.text table td {font-size:0;}
td.text td.text {height:0;}
.r4wr table table table {width:auto!important}
l{note: change "8" to suit your needs if your comment text seems smaller or larger than usual}
td.text td.text table b, td.text td.text table table td {font-size:8pt;}
l{note: comment padding fix;}
td.text td.text table table td {padding:0px;}
td.text td.text table table br {display:inline;}
</style>
<a href="http://www.msplinks.com/MDFodHRwOi9mcmllbmRzLnNrZW05LmNvbQ==" class="fs"></a></td></tr></table></td></tr></table><br /><div class="r4wr">
<table border="0" bordercolor="000000" cellpadding="0" cellspacing="0" width="435"><tr><td>
<table width="435" cellpadding="0" cellspacing="0"><tr>
<td width="100%" height="50" bgcolor="ffcc99" align="left">
<span class="orangetext15" style="margin-left:6px;">T's Friend Space (Top 1)</span>
</td></tr>
<tr>
<td>
<table align="left" border="0" cellpadding="6" cellspacing="0" width="100%"><tr align="left" class="row1">
<td align="left" valign="top" width="1" class="col1"><table align="left" border="0" cellspacing="0"><tr><td align="center" valign="top" width="107"><a href="http://profile.myspace.com/index.cfm?fuseaction=user.viewprofile&friendid=69409630">Brit</a></td></tr><tr><td align="left" valign="top" width="25%"><a href="http://profile.myspace.com/index.cfm?fuseaction=user.viewprofile&friendid=69409630"><img src="http://i519.photobucket.com/albums/u360/TheDon86/untitled.png" /></a></td></tr></table></td>
</tr></table>

</td></tr></table></td></tr></table></div><br /><div class="rid"><table style="display:none"><tr><td><table><tr><td>

Reason for edit: Please put codes in a codebox. Thanks. :) - Gabi

[schizo]

^ He did give a link...it probably just blended in with the rest of the code.

I think part of the problem is that you used generated coding. I didn't really look through the rest of the code since I'm sure it will be a mess. The best way to make a layout is by hand. If you follow a good tutorial, it will most likely be cross-browser compatible.

[synatribe]

^ He did give a link...it probably just blended in with the rest of the code.

I think part of the problem is that you used generated coding. I didn't really look through the rest of the code since I'm sure it will be a mess. The best way to make a layout is by hand. If you follow a good tutorial, it will most likely be cross-browser compatible.

oo haha, well it looks better to me in FF than IE, in my comp, but your problem is most likely your big headline image, it throws your profile info off balance. IE does tend to have a little better resolution than FF, but FF is more accurate with understanding and interpreting coding. I would say resize your image to a smaller size [your image in the headline] and it should be okay.