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

[synatribe]

make sure you add the codebox attributes before your code and could you show a screenshot?:]
or a link ? :]

[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.

[illmatic11]

hmmm how would I resize a GIF image that i moving like that?? The only problem on mine is the lines under .orangetext on the right side of my page have all been cut off and off-centered....

[synatribe]

try adding

CODE

border-bottom-width:XXXXpx;

to the orange text code :]

[illmatic11]

nothin :(

[synatribe]

okay erase everything i said, start over with this

CODE

.orangetext15 {text-align:center;border-bottom: 1px solid;border-color: XXXXXX;font-family:verdana; color:FFFFFF; font-size:12px; font-weight:normal;}

[fixtatik]

i think it's actually the extended network table. add this to your code:

CODE

.extendedNetwork { display:none; }

...and i just have to say that weirded me out so much when i saw your picture & friends after i put it on my test profile. xD
sorry, off topic

[illmatic11]

niether of 'em worked this is drivin' me crazy

[illmatic11]

i took every code out one at a time and it still looked the same....

the lines under my blurbs, about me, who i'd like to meet are supposed to be 350px long but they're only goin the length of the text....and there's hardly any space between where it says 's Blurbs and About Me



Blurbs
---------
About Me
-------------

Should be:

Blurbs
--------------------------------

About Me
--------------------------------

[fixtatik]

ooh, i guess i wasn't understanding what the problem was.
just add display:block; to the .orangetext15 { } properties.

[illmatic11]

ooh, i guess i wasn't understanding what the problem was.
just add display:block; to the .orangetext15 { } properties.

We'll that was easy thanks a lot.... Now is there a way to move the text I have in my who i'd like to meet section so it isn't blocked??

who i'd like to meet:
text

instead of---

who i'd like to meet:

text


That's why I changed the display in the first place to move my text up

[fixtatik]

absolutely:

CODE

.blurbs table .orangetext15 { margin:0 0 -10px; }

it's going to move any text you have in your about me section, as well.