Ergebnis 1 bis 4 von 4

Thema: Darstellungsunterschied im IE

  1. #1
    Unregistriert
    Gast

    Standard 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>
    Achtung: Dies ist ein alter Thread im HTML und Webmaster Forum
    Diese Diskussion ist älter als 90 Tage. Die darin enthaltenen Informationen sind möglicherweise nicht mehr aktuell. Erstelle bitte zu deiner Frage ein neues Thema im Forum !!!!!

  2. #2
    Forum Guru Avatar von synaptic
    Registriert seit
    20.06.2007
    Ort
    Butzbach-Wiesental
    Beiträge
    10.901
    Danke
    45
    Bekam 48 mal "Danke" in 46 Postings
    Blog-Einträge
    1

    Standard AW: Darstellungsunterschied im IE

    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??
    Angehängte Grafiken Angehängte Grafiken
    KEIN support via pn, email, messenger oder falsch geposteten threads
    Futter für deine Schnuffelzwerge gibts bei den Schnuffelzwergen TOP Qualität, also klicken und kaufen

  3. #3
    Unregistriert
    Gast

    Standard AW: Darstellungsunterschied im IE

    Zitat Zitat von synaptic Beitrag anzeigen
    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.

  4. #4
    Forum Guru Avatar von synaptic
    Registriert seit
    20.06.2007
    Ort
    Butzbach-Wiesental
    Beiträge
    10.901
    Danke
    45
    Bekam 48 mal "Danke" in 46 Postings
    Blog-Einträge
    1

    Standard AW: Darstellungsunterschied im IE

    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;
    }
    KEIN support via pn, email, messenger oder falsch geposteten threads
    Futter für deine Schnuffelzwerge gibts bei den Schnuffelzwergen TOP Qualität, also klicken und kaufen

Stichworte

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •