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>

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

    Mein System:

    Gigabyte BRIX GB-BRi7-8550, Intel Core i7-8550U, 16 GB DDR4-2666, Samsung SSD 970 PRO (512 GB), Windows 10 Pro 64 Bit, 2x Samsung SyncMaster 2494HM, Sharkoon PureWriter TKL, Roccat Kone AIMO

  • 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

  • OK, noch Fragen oder können wir schließen?

    Mein System:

    Gigabyte BRIX GB-BRi7-8550, Intel Core i7-8550U, 16 GB DDR4-2666, Samsung SSD 970 PRO (512 GB), Windows 10 Pro 64 Bit, 2x Samsung SyncMaster 2494HM, Sharkoon PureWriter TKL, Roccat Kone AIMO