Axel: DIV Höhe in XHTML1.1 irgendwie anders?

Hallo Leute,

ich glaub ich spinn. Ich arbeite derzeit nicht gerade an meiner ersten Internetseite, aber im Moment scheitere ich an dem Elementarsten, was es gibt.
Was ich das erste Mal mache, ist XHTML1.1 zu verwenden und ich bekomme die Höhe eines DIVs im IE nicht unter eine bestimmte Mindesthöhe. Im Firefox geht es.
Folgender Code (gekürzt) :

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html
  PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html>
    <head>
        <title>Komischer Fehler</title>
    </head>
    <body>
        <div style="height:1px; background-color:red;">&nbsp;</div>
    </body>
</html>

Der div ist im IE immer mindestens 20-30 Pixel hoch. Im IE 1px. Ich habe auch schon einige Varianten probiert:
<div style=".."></div>
<div style=".." />

height: 1px;
height: 0.5em;

Nehme ich größere Werte, also z.B. 50px, dann wird der DIV größer. Nur unter 20-30Px gehts nicht.

Also, kann mir jemand helfen? Bin ich bekloppt geworden? Liegt es am XHTML? Oder ist mein IE bekloppt geworden?

Vielen Dank im Voraus
Schöne Grüße
Axel

  1. Hi,

    Du spinnst nicht.

    Lass einfach die 1. Zeile (<?xml...) weg.

    Der IE erwartet in der ersten Zeile den Doctype. Findet er ihn dort nicht, schaltet er in den "Quirks Mode" und verhält sich wie ein alter IE (5). Daher die Probleme.

    MfG

    • Danny
    1. Hi,

      vielen Dank erstmal. Das hat allerdings nicht funktioniert.
      Außerdem findet man in sämtlichen Beispielen zu XHTML1.1 immer die xml-Definition in der ersten Zeile. Selbst beim W3C (http://www.w3.org/TR/xhtml11/conformance.html#strict)

      Oder ist der IE hier auch nicht Standardkonform?

      Auf jeden Fall klappt es trotzdem nicht :-(

      Noch eine Idee ?

      Vielen Dank
      Schöne Grüße
      Axel

      1. Hallo Axel,

        Noch eine Idee ?

        ohne es probiert zu haben: line-height?

        Viele Grüße
        Frank

        1. Hallo

          ohne es probiert zu haben: line-height?

          Suuper. Das geht. Vielen Dank.

          Ich finde es zwar merkwürdig, dass ich das noch nie benutzt habe und jetzt das erste Mal Probleme damit habe, aber egal. Hauptsache es geht :)

          Schöne Grüße
          Axel

  2. Was ich das erste Mal mache, ist XHTML1.1 zu verwenden

    Axel,
    Warum tust du das?

    Wenn als Antwort nicht ein Wort mir vier Buchstaben kommt – der erste ist ein R –, ist XHTML 1.1 Unfug. Kein Nutzen, dafür große Probleme; lässt sich im Forumsarchiv nachlesen.

    Bleib bei XHTML 1.0 Strict.

    Live long and prosper,
    Gunnar

    --
    „Weisheit ist nicht das Ergebnis der Schulbildung, sondern des lebenslangen Versuchs, sie zu erwerben.“ (Albert Einstein)
    1. Hallo Gunnar,

      Wenn als Antwort nicht ein Wort mir vier Buchstaben kommt – der erste ist ein R –, ist XHTML 1.1 Unfug. Kein Nutzen, dafür große Probleme; lässt sich im Forumsarchiv nachlesen.

      Ich steh aufm Schlauch ;-) Welches Wort meinst Du?

      Das mit den Problemen wusste ich nicht. Werde ich mal nachschauen.
      Danke für den Hinweis

      Schöne Grüße
      Axel

      1. Hallo Axel.

        Wenn als Antwort nicht ein Wort mir vier Buchstaben kommt – der erste ist ein R –, ist XHTML 1.1 Unfug. Kein Nutzen, dafür große Probleme; lässt sich im Forumsarchiv nachlesen.

        Ich steh aufm Schlauch ;-) Welches Wort meinst Du?

        Es strahlt und funkelt und ermöglicht dir, insbesondere ostasiatische Texte originalgetreu im Dokument zu notieren.

        Einen schönen Freitag noch.

        Gruß, Ashura

  3. Hallo Axel,

    <div style="height:1px; background-color:red;">&nbsp;</div>

    warum nicht <hr />?

    Mit freundlichen Grüßen,
    André

    1. Hallo Andre

      warum nicht <hr />?

      Auch hier die Antwort, dass die Werte in dem Beispiel nur zum schnellen Testen waren. In Wirklichkeit ist das Div höher und stellt ein Rechteck dar.
      Evtl. sollte ich in Zukunft meine Originalwerte posten um Mißverständnisse zu vermeiden. Aber trotzdem vielen Dank

      Schöne Grüße
      Axel

      1. warum nicht <hr />?
        Auch hier die Antwort, dass die Werte in dem Beispiel nur zum schnellen Testen waren. In Wirklichkeit ist das Div höher und stellt ein Rechteck dar.

        Axel,
        Was in keinster Weise die Frage beantwortet: warum nicht <hr />?

        CSS wirkt auch bei hr Wunder …

        Live long and prosper,
        Gunnar

        --
        „Weisheit ist nicht das Ergebnis der Schulbildung, sondern des lebenslangen Versuchs, sie zu erwerben.“ (Albert Einstein)
        1. Hallo Gunnar,

          Was in keinster Weise die Frage beantwortet: warum nicht <hr />?
          CSS wirkt auch bei hr Wunder …

          ja, aber die Wunder reichen nicht so weit, dass hr als Container für Elemente taugt, die Axel hier wahrscheinlich der Übersichtlichkeit halber weggelassen hat.

          Schönen Abend noch,

          Martin

  4. ich bekomme die Höhe eines DIVs im IE nicht unter eine bestimmte Mindesthöhe. Im Firefox geht es.
            <div style="height:1px; background-color:red;">&nbsp;</div>

    Axel,
    Der IE interpretiert height als min-height. Er macht das div also so hoch, dass der Inhalt in der Höhe reinpasst.

    Live long and prosper,
    Gunnar

    PS. Das style-Attribut ist böse[tm]; um nichts besser als missbilligte HTML-Attribute. Trenne besser Struktur und Layout und tätige CSS-Angaben im style-Element im head oder in externen Stylesheet-Dateien.

    --
    „Weisheit ist nicht das Ergebnis der Schulbildung, sondern des lebenslangen Versuchs, sie zu erwerben.“ (Albert Einstein)
    1. Hallo,

      Der IE interpretiert height als min-height. Er macht das div also so hoch, dass der Inhalt in der Höhe reinpasst.

      MMh, es hatte ja auch ohne Inhalt nicht funktioniert. Er hatte trotzdem die Größe.

      PS. Das style-Attribut ist böse[tm]; um nichts besser als missbilligte HTML-Attribute. Trenne besser Struktur und Layout und tätige CSS-Angaben im style-Element im head oder in externen Stylesheet-Dateien.

      Selbstverständlich habe ich in meiner Version eine CSS Datei. Das mit dem Style-Attribut hatte ich nur zum schnellen Testen und Posten verwendet :-)
      Aber trotzdem Danke für den Hinweis.

      Schöne Grüße
      Axel

  5. Hi,

    Der div ist im IE immer mindestens 20-30 Pixel hoch. Im IE 1px.

    Man merkt, daß der Karneval angefangen hat ...
    Oder wie soll ich sonst die Tatsache verstehen, daß 1 jetzt zwischen 20 und 30 liegt ... ?

    cu,
    Andreas

    --
    Warum nennt sich Andreas hier MudGuard?
    Schreinerei Waechter
    Fachfragen per E-Mail halte ich für unverschämt und werde entsprechende E-Mails nicht beantworten. Für Fachfragen ist das Forum da.