Design bei Firefox nicht mittig

Hallo!

das was ich bei der SuFu gefunden hab, hat mir als Laie nicht weitergeholfen...

das ist mein text bei "Text über dem design":

<style type="text/css">
<!--
body{background-image:url();background-color: #9143C5;}
td.edit_content{background-image:url();}
td.edit_content_bottom{background-image:url();}
td.edit_content_bottom2{background-image:url();}
td.edit_below_nav{visibility: hidden;}
td.edit_content_top{display:none;}
td.headline2{visibility: hidden;}
td.headline{visibility: hidden;}
td.edit_navi_headbg{background-image:url();}
td.edit_below_nav img{display:none;}
td.edit_rb_footer{background-image:url();}
td.edit_rechts_bottom{background-image:url();}
td.edit_rechts_sbg{visibility:hidden;}
td.edit_rechts_cbg{background-image:url();}
-->
<style type="text/css">
<!--
table.edit_main_table{width: 100% !important;}
td.edit_main_tr{width: 100% !important;}
table.edit_second_table{width: 100% !important;}
td.edit_header_full{width: 100% !important;background-position:center;background-repeat:no-repeat; }
td.edit_header_full table{width: 100% !important;}
td.edit_header_full{height: 104px;}
table.edit_third_table{width: 100% !important;}
td.edit_navi_headbg{width: 15% !important;}
table.edit_rechts_tabelle{width: 100% !important;}
td.edit_rechts_bottom{width: 15% !important;}
td.edit_rechts_cbg{width:100%;}
-->
</style>


beim Internet explorer ist das design jetzt schön gestreckt und mittig....
bei Firefox (was ich natürlich präferiere) ist das Design NICHT gestreckt und linksbündig...

Bitte setzt bei mir kein fachwissen voraus! diesen text haben mir andere user geschrieben wofür ich sehr dankbar bin!

EDIT:

Habs jetzt durch stümperhaftes hin und her schieben der Zeilen geschafft ^^

sieht jetzt so aus:

<style type="text/css">
<!--
table.edit_main_table{width: 100% !important;}
td.edit_main_tr{width: 100% !important;}
table.edit_second_table{width: 100% !important;}
td.edit_header_full{width: 100% !important;background-position:center;background-repeat:no-repeat; }
td.edit_header_full table{width: 100% !important;}
td.edit_header_full{height: 104px;}
table.edit_third_table{width: 100% !important;}
td.edit_navi_headbg{width: 15% !important;}
table.edit_rechts_tabelle{width: 100% !important;}
td.edit_rechts_bottom{width: 15% !important;}
td.edit_rechts_cbg{width:100%;}
body{background-image:url();background-color: #9143C5;}
td.edit_content{background-image:url();}
td.edit_content_bottom{background-image:url();}
td.edit_content_bottom2{background-image:url();}
td.edit_below_nav{visibility: hidden;}
td.edit_content_top{display:none;}
td.headline2{visibility: hidden;}
td.headline{visibility: hidden;}
td.edit_navi_headbg{background-image:url();}
td.edit_below_nav img{display:none;}
td.edit_rb_footer{background-image:url();}
td.edit_rechts_bottom{background-image:url();}
td.edit_rechts_sbg{visibility:hidden;}
td.edit_rechts_cbg{background-image:url();}
-->
</style>

Kann mir das einer erklären? würde es gerne verstehen damit ich selber irgendwann damit umgehen kann....

Ich glaube es liegt daran, dass du aus den 2 Codes (Ich glaube es sind 2, da 2 x "<style type="text/css"> <!--" vorkommt) einen gemacht hast (d.h. es steht nur noch einmal dieser Codeschnipsel) und dies:

an den Anfang gestellt hast.

Falls diese 2 Gründe falsch sind, bitte nicht schimpfen, bin auch nur ein Anfänger

Hi,
ein Code befindet sich immer in einem Style-Tac!

Er beginnt mit:
<style type="text/css">
<!--
und endet mit:
-->
</style>

In deinem Code hast du 2x einen Style-Tac begonnen, aber nur 1x geschlossen.
Daher hattest du das Problem mit deinem Browser!

<style type="text/css">
<!--
body{background-image:url();background-color: #9143C5;}
td.edit_content{background-image:url();}
td.edit_content_bottom{background-image:url();}
td.edit_content_bottom2{background-image:url();}
td.edit_below_nav{visibility: hidden;}
td.edit_content_top{display:none;}
td.headline2{visibility: hidden;}
td.headline{visibility: hidden;}
td.edit_navi_headbg{background-image:url();}
td.edit_below_nav img{display:none;}
td.edit_rb_footer{background-image:url();}
td.edit_rechts_bottom{background-image:url();}
td.edit_rechts_sbg{visibility:hidden;}
td.edit_rechts_cbg{background-image:url();}
-->??????
<style type="text/css">
<!--
table.edit_main_table{width: 100% !important;}
td.edit_main_tr{width: 100% !important;}
table.edit_second_table{width: 100% !important;}
td.edit_header_full{width: 100% !important;background-position:center;background-repeat:no-repeat; }
td.edit_header_full table{width: 100% !important;}
td.edit_header_full{height: 104px;}
table.edit_third_table{width: 100% !important;}
td.edit_navi_headbg{width: 15% !important;}
table.edit_rechts_tabelle{width: 100% !important;}
td.edit_rechts_bottom{width: 15% !important;}
td.edit_rechts_cbg{width:100%;}
-->
</style>

verstehe!

vielen Dank euch!!