David: Darstellungsporbleme FF<>IE...bitte ansehen!

Hallo!

Habe das Problem das der IE (mal wieder) nicht so anzeigt wie der FF.
Bitte mal kurz ansehen dann wird das ganze klar.
http://viewthis.kilu.de/

Bin für jeden Hinweis dankbar!

  1. Kleiner Nachtrag:

    Bitte mal zuerst im FF und dann im IE ansehen...

    1. Kleiner Nachtrag:

      Bitte mal zuerst im FF und dann im IE ansehen...

      moin,

      versuch mal margin: 0 auto;
      im body tag

      1. Hallo! konnte das Problem immer noch nicht lösen. Bitte mal ansehen und mir sagen wie so es im FF gut aussieht und im IE nicht. Danke!
        Habs einmal ohne und einmal mit Tabelle versucht...aber seht selbst nachfolgend der HTML-Code:

        <!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>

  2. Hi,

    Habe das Problem das der IE (mal wieder) nicht so anzeigt wie der FF.

    der IE verwendet fälschlicherweise die width-Eigenschaft, obwohl diese bei Inline-Elementen keine Wirkung haben darf. Allerdings tut er dies nur im Quirks-Mode - verlasse diesen, dann verhält sich der IE (zumindest in dieser Hinsicht) korrekt.

    Zweites Problem: display:inline-block - hier hat der IE ausnahmsweise die Nase vorn, er beherrschte diesen Wert lange vor Firefox. Unter Umständen möchtest Du darauf verzichten, wobei dasElement, bei dem Du es per Inline-Style einsetzt, keine Daseinsberechtigung besitzt und aus dem Code entfernt gehört. Abgesehen davon möchtest Du übrigens <label>-Elemente einsetzen, die Klassen aufräumen und Deinen Code validieren; ferner erscheinen mir die <div>-Elemente reichlich willkürlich gesetzt.

    Cheatah

    --
    X-Self-Code: sh:( fo:} ch:~ rl:| br:> n4:& ie:% mo:) va:) de:] zu:) fl:{ ss:) ls:~ js:|
    X-Self-Code-Url: http://emmanuel.dammerer.at/selfcode.html
    X-Will-Answer-Email: No
    X-Please-Search-Archive-First: Absolutely Yes
  3. Mahlzeit David,

    Habe das Problem das der IE (mal wieder) nicht so anzeigt wie der FF.

    Kein Wunder: bei "3 Errors, 3 warning(s)" im Code würde ich das auch nicht ...

    MfG,
    EKKi

    --
    sh:( fo:| ch:? rl:( br:> n4:~ ie:% mo:} va:) de:] zu:) fl:{ ss:) ls:& js:|