Darstellungsunterschied im IE

    Hallo!

    Habe leider das Problem dass der untenstehende Code im Firefox richtig angezeigt wird und im IE leider nicht. Wer kann mir helfen?


    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

    <html>
    <head>

    <title>Titel</title>

    <style type="text/css">
    .bez {width: 120px; display: inline-block; padding: 2px 0px 2px 10px;
    background: #E0E0E0; font: normal normal 12px Arial;}

    .feld150 {width: 150px; border: solid 1px #8A99A7;
    font: normal normal 12px Arial;}

    .feld480 {width: 440px; border: solid 1px #8A99A7;
    font: normal normal 12px Arial;}

    </style>

    </head>
    <body>

    <h1>Kontakt</h1>

    <form>
    <label class="bez">Name</label>
    <input name="" size="1" class="feld150">
    <label class="bez">Vorname</label>
    <input name="" size="1" class="feld150">
    <br>
    <label class="bez">Strasse / Nr</label>
    <input name="" size="1" class="feld480">
    </form>
    <p>
    <form>
    <table border="0" cellpadding="0" cellspacing="0">
    <tr>
    <td style="width: 120px; background: #E0E0E0; font: normal normal 12px Arial; padding: 2px 0px 2px 10px;">Name</td>
    <td><input name="" size="1" style="width: 150px; border: solid 1px #8A99A7; font: normal normal 12px Arial;"></td>
    <td style="width: 120px; background: #E0E0E0; font: normal normal 12px Arial; padding: 2px 0px 2px 10px;">Vorname</td>
    <td><input name="" size="1" style="width: 150px; border: solid 1px #8A99A7; font: normal normal 12px Arial;"></td>
    </tr>
    <tr>
    <td style="width: 120px; background: #E0E0E0; font: normal normal 12px Arial; padding: 2px 0px 2px 10px;">Strasse / Nr</td>
    <td colspan="3"><input name="" size="1" style="width: 432px; border: solid 1px #8A99A7; font: normal normal 12px Arial;"></td>
    </tr>
    </table>
    </form>

    </body>
    </html>

    Zitat von synaptic

    lol? also ich weiß zwar nicht wo dein problem liegt, aber kannst ja mal genauer sagen WO dein problem liegt!
    die angehängte grafik zeigt dir was ich gesehen habe...
    oder meinste dass die texteingabefelder nicht ganz gleich lang sind??

    leider kann ich die grafik nicht sehen, aber im IE ist das lange eingabefeld von strasse kürzer als die oberen beiden. das ganze ist zweimal da, weil ich es einmal mit und einmal ohne tabelle versucht habe.

    ja dann is des ja tatsächlich der einzige minimale unterschied, der dich stört...
    also dann schau mal bei css4you.de nach "conditional comments" und dann bauste nen stylesheet extra für die beiden ie's und dann packst du nur dort die geänderten styles rein, die du wirklich brauchst.
    das ganze bindest du dann mit den oben genannten conditional comments ein uuuund tadaa

    es ergibt auch sinn wenn du am anfang des allegemeinen stylesheets alle padding und marginwerte auf 0 setzt.

    Code
    *{
padding:0;
margin:0;
}