HTML Style Problem beim Firefox

    Hi, bitte den unten stehenden Link einmal im Firefox und einmal im Internet Explorer öffnen. Dann dürfte das Problem sichtbar werden.
    hier klicken




    <html>
    <head>
    <title>Maxelonline.de</title>
    <style type="text/css">
    <!--Links----------------------------------------------------------------- -->
    a { font-size: 12px; color: #333; text-decoration: none; font-family: Tahoma; font-weight: bold; }
    a:hover { color: red }


    <!--Allgemeine Zelleneinstellung------------------------------------------ -->
    td { padding: 3px; }
    .content { background-color: #eee; }
    .leftborder { border-left: 2px outset white; }
    .leftedgeborder { border-left: 2px outset white; border-bottom: 2px inset white; }
    .rightborder { border-right: 2px inset white; }
    .rightedgeborder { border-right: 2px inset white; border-bottom: 2px inset white; }
    .bottomborder { border-bottom: 2px inset white; }


    <!--Sonstige Attribute---------------------------------------------------- -->
    input { border: 1px; border-style: solid; border-color: #ddd; background: url(background.png); font-weight: bold;width:140px; }
    label { font-family: Tahoma; font-size: 12px; font-weight: bold; color: #999; }
    body { background-image: url(background.png); text-align: center; vertical-align: middle; }


    </style>
    </head>
    <body>
    <form action="KeineAhnung.php" method="post" id="Login">


    <table align="center" cellpadding="0" cellspacing="0">
    <!--Damits in der Mitte ist--------------------------------------------- -->
    <tr>
    <td style="vertical-align:middle"> </td>
    </tr>
    <tr>
    <td colspan="3" class="bottomborder">
    <img src="maxelonline.png" alt="Maxelonline.de" /> </td>
    </tr>
    <tr class="content">
    <td style="width:70px;" class="leftborder">
    <label for="username">Name</label> </td>
    <td style="width:150px;" >
    <input name="username" type="text" id="username" style="input" /> </td>
    <td style="width:150px;" class="rightborder"> </td>
    </tr>
    <tr class="content">
    <td class="leftborder">
    <label for="password">Passwort</label> </td>
    <td>
    <input name="password" id="password" type="password" /> </td>
    <td class="rightborder"><a href="..."> » Passwort vergessen</a></td>
    </tr>
    <tr class="content">
    <td class="leftedgeborder"> </td>
    <td class="bottomborder">
    <a href="javascript:document.Login.submit();"> » Login</a> </td>
    <td class="rightedgeborder">
    <a href="..."> » Registrieren</a> </td>
    </tr>
    </table>
    </form>
    </body>
    </html>

    • Offizieller Beitrag

    Unterschiede erkennt man, aber welche sind richtig bzw. welcher Browser stellt was falsch dar? :) Kurze Erläuterung bitte, dann sollte sich das Problem lösen lassen.

    Das Problem das der Text anders aussieht wurde jetzt schon behoben und das mitm outset hab ich schon gefunden, der FF stellt das einfach anders da.


    Hat sich also schon geklärt.


    Grüßchen
    Dragon