Firefox stellt Tabelle nicht richtig dar ???

    Hallo,

    ich bastle gerade an einer Homepage mit Tabellen.
    Im Internet Explorer stellt er die Seite richtig dar, jedoch im Firefox Browser macht er die Tabelle auf der linken seite etwas kleiner obwohl ich auch ein Background mit width="185" dazugebe ???

    Momentan habe ich zwei seiten index.html + stlye.css

    Die index.html enthält folgenden code:


    <html>
    <head>
    <title>HIER KOMMT DER TITEL</title>

    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

    <link rel="stylesheet" href="style.css" type="text/css">

    </head>

    <body bgcolor="#FFFFFF">


    <table width="950" border="0" cellspacing="0" cellpadding="0" align="center" id="table_2">
    <tr>
    <td>
    <div align="center">LOGO LOGO LOGO LOGO</div>
    </td>
    </tr>
    </table>


    <table width="950" border="0" cellspacing="0" cellpadding="0" height="100%" bgcolor="#FFFFFF" align="center" id=table_1>
    <tr>
    <td style="BACKGROUND-image: url(images/nav_links_help.gif);" width="185" valign="top"> <br>


    <table width="100%" border="0" align="center" cellpadding="0" cellspacing="0" id="sideNav">
    <TR>
    <TD class="sideNavUnit"><A href=""><img src="images/arrow.gif" width="7" height="7" border="0" align="absmiddle">&nbsp; test</A></TD>
    </TR>
    <TR>
    <TD class="sideNavSeparator"><IMG height="1" alt="" src="images/blank.gif" width="1" border="0"></TD>
    </TR>
    <TR>
    <TD class="sideNavUnit"><A href=""><img src="images/arrow.gif" width="7" height="7" border="0" align="absmiddle">&nbsp; test</A></TD>
    </TR>

    </table>

    </td>
    <td width="10" bgcolor="#FFFFFF"></td>
    <td bgcolor="#000000" width="1"></td>
    <td width="10" bgcolor="#FFFFFF"></td>
    <td valign="top">
    <p>&nbsp;</p><p><span class="standard">HIER KOMMT DER TEXT</span></p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    </td>
    <td width="10" bgcolor="#FFFFFF"></td>
    </tr>
    </table>


    </body>
    </html>

    *************

    Die Datei style.css:

    .standard { font-family: Verdana, Arial, Helvetica, sans-serif, Univers, "Univers Condensed"; font-size: 11px; font-style: normal; font-weight: normal; font-variant: normal; color: #000000; text-decoration: none }


    #sideNav { BORDER-RIGHT: #2d4d68 1px solid; BORDER-TOP: #2d4d68 1px solid; FONT-WEIGHT: normal; FONT-SIZE: 8pt; BORDER-LEFT: #2d4d68 1px solid; WIDTH: 160px; BORDER-BOTTOM: #2d4d68 1px solid; FONT-FAMILY: verdana,arial,sans-serif }
    .sideNavUnit A { PADDING-RIGHT: 3px; DISPLAY: block; PADDING-LEFT: 10px; BACKGROUND: #00CC33; PADDING-BOTTOM: 3px; WIDTH: 160px; COLOR: #FFFFFF; PADDING-TOP: 3px; TEXT-DECORATION: none }
    .sideNavUnit A:hover { BACKGROUND: #FFFFFF; COLOR: #00CC33; TEXT-DECORATION: none }
    .sideNavSeparator { BACKGROUND: #00CC33; BORDER-BOTTOM: #006E36 1px solid }


    #table_1 { BORDER-RIGHT: #000000 1px solid; BORDER-TOP: #000000 1px solid; BORDER-LEFT: #000000 1px solid; BORDER-BOTTOM: #000000 1px solid; }


    Funktioniert aber nicht !!!

    Wer hat hier vorschläge das die Tabelle gleich angezeigt wird wie im Internet Explorer ?????

    mitchmitch@gmx.at

    lg

    Mal abgesehen davon, das Tabellenlayouts eine Ausgeburt der Hölle sind - ich kann dein Problem nicht nachvollziehen. Sowohl im 3er FF als auch im IE 7 haben die Spalten mit deinem Beispiel-Code exakt die gleiche Breite.

    Bitte Fragen zum Thema nicht per PN! Hier für alle:

    Zitat

    Hallo,

    schau mal auf die linke Seite, wo der Button "test" steht ganz genau !

    Im Internet Explorer stellt er den Abstand korrekt dar, im Firefox ist er kleiner !!! Warum !!!

    Wie würdest du den code "richtig" schreiben ???

    Ok. Darauf habe ich nicht geachtet. In dem Fall ist die Anzeige im IE falsch. Die Datei enthält keine Dokumentetypangabe. Damit gehen die Browser in den sogenannten Qirks-Modus. Der IE 7 übernimmt alle Anzeigefehler der Vorgängerversionen, und die haben das Box-Modell des W3C falsch dargestellt. Um im FF und IE ab Version 7 die gleiche Darstellung zu erhalten, füge eine Dokumenttyp-Deklaration als erste Zeile in deine Seite ein. Um in älteren IE-Versionen eine Darstellung wie gewünscht zu erhalten, mußt du diesen entsprechende Styles über eine Browserweiche zuweisen. Für die sauberste Methode halte ich dabei die hier: http://de.selfhtml.org/css/layouts/br…htm#alternative