Jan K.: min-width im iexplorer

Hallo zusammen,

wieso ignoriert der iexplorer min-width im folgenden beispiel?

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<body>
<div style='height:89px;border:1px solid blue;min-width:400px;'></div>
</body>
</html>

Firefox/Opera fügen bei einer fensterbreite <400px scrollbalken ein, der iexplorer verkleinert das div immer weiter.

Gruß,

Jan

  1. Hallo Jan,

    wieso ignoriert der iexplorer min-width im folgenden beispiel?

    IE6 kennt kein min-width. Siehe Browsericons und Beschreibung.

    Grüße
     Roland

    1. Bahhhhhhh.

      Kann ich im iexplorer irgendwie tricksen um eine min-width zu erzwingen?

      Gruß,

      Jan

      1. Kann ich im iexplorer irgendwie tricksen um eine min-width zu erzwingen?

        Der IE ist sogar so krank, dass der width wie min-width behandelt. Gib dem im separaten stylesheet (dass du per conditional comments einbindest) einfach ne width-angabe.

        IE7 soll min-width ja angeblich können.

        Jonathan

        1. Hallo Jonathan.

          Der IE ist sogar so krank, dass der width wie min-width behandelt.

          Nein, dieses Verhalten tritt nur bei der height-Eigenschaft auf, die Wertangabe bei der width-Eigenschaft befolgt der IE korrekt. (Sprich: Text wird umgebrochen, wenn die Breite überschritten würde.)

          Einen schönen Dienstag noch.

          Gruß, Ashura

          --
          sh:( fo:} ch:? rl:( br: n4:~ ie:{ mo:| va:) de:> zu:} fl:( ss:) ls:[ js:|
          „It is required that HTML be a common language between all platforms. This implies no device-specific markup, or anything which requires control over fonts or colors, for example. This is in keeping with the SGML ideal.“
          [HTML Design Constraints: Logical Markup]
          1. Nein, dieses Verhalten tritt nur bei der height-Eigenschaft auf, die Wertangabe bei der width-Eigenschaft befolgt der IE korrekt. (Sprich: Text wird umgebrochen, wenn die Breite überschritten würde.)

            OK, aber die IE dehnt teilweise auch die Boxen aus, wenn der Inhalt breiter ist, als in hineinpasst (großes Bild/langes Wort). Unter bestimmten Bedingungen kann damit ein min-width-Effekt erzielt werden.

            1. Hallo Jonathan

              ... aber die IE dehnt teilweise auch die Boxen aus, wenn der Inhalt breiter ist, als in hineinpasst (großes Bild/langes Wort). Unter bestimmten Bedingungen kann damit ein min-width-Effekt erzielt werden.

              Nicht wirklich. Er zeigt die Box zwar so breit an, dass der breiteste Inhalt
              nicht heraustritt, verwendet für Inhalte, die passen aber trotzdem die
              angegebenen Breite.
              Damit ist dieser "min-width-Effekt" praktisch kaum brauchbar.

              Auf Wiederlesen
              Detlef

              --
              - Wissen ist gut
              - Können ist besser
              - aber das Beste und Interessanteste ist der Weg dahin!
      2. Kann ich im iexplorer irgendwie tricksen um eine min-width zu erzwingen?

        Ich rate inzwischen zum flächendeckenden Einsatz von Dean Edwards IE7-Lösung, um dem IE die gängigen Macken (min-width, max-width, :hover, position:fixed, Alphatransparenzen in pngs, uva) auszutreiben/beizubringen. Natürlich nur, wenn es zwingend nötig ist. Und man sollte sich dabei bewusst sein, dass

        1. JavaScript zwingend vorhanden sein muss
        2. sich die Scriptsammlung noch im Alphastatus befindet und an vielen Stellen unverhoffte Fehler produzieren kann
        3. die Scriptsammlung bei aufwändigen Sites arg ressourcenfressend werden kann

        Ich bin noch nicht vollständig überzeugt, werde jedoch den guten Dean spätestens ab der ersten Betaversion für jedes Projekt, das Unterstützung vom IE7 benötigt, mit auf unsere kleine Gehaltsliste setzen ;-)

        Viele Grüße!
        _ds

        --
        In den nächsten Wochen werden sich noch einige wichtige Fragen beantworten. Etwa die: »Wie sucht die Pop-Queen das Kleid zur Trauung aus?«. Ich wette ein Nogger darauf, dass sie's mit dem Zeigefinger macht.
        Medienrauschen, In Love: Henne. Hahn.
        1. Hallo,

          Ich rate inzwischen zum flächendeckenden Einsatz von Dean Edwards IE7-Lösung, um dem IE die gängigen Macken (min-width, max-width, :hover, position:fixed, Alphatransparenzen in pngs, uva) auszutreiben/beizubringen.

          Das ist ja genial, werd damit mal nen bisschen rumspielen.

          Tschau

          Tobias

          --
          Speedswimming? Finswimming? Flossenschwimmen?|http://www.tobiasklare.de
          fo:) ch:? rl:( br:^ n4:° ie:{ mo:) va:| fl:) ss:| ls:<
          Die Erklärung zum Selfcode findest du hier: http://emmanuel.dammerer.at/selfcode.html
          Einen Decoder für den Selfcode findest du hier: http://peter.in-berlin.de/projekte/selfcode
  2. Hi Jan!

    wieso ignoriert der iexplorer min-width [...]?

    Hat der IE noch nie gekonnt!

    MfG H☼psel

    --
    "It's amazing I won. I was running against peace, prosperity, and incumbency."
    George W. Bush speaking to Swedish Prime Minister unaware a live television camera was still rolling, June 14, 2001
    Selfcode: ie:% fl:( br:> va:) ls:& fo:) rl:? n4:& ss:| de:] js:| ch:? sh:( mo:) zu:)
  3. Tachchen!

    wieso ignoriert der iexplorer min-width im folgenden beispiel?

    Er ignoriert es nicht nur in deinem Beispiel, er kann es schlicht nicht!

    Man kann es ihm per Expression "beibringen", allerdings ist das weder valide
    noch - gerade bei min-width - sonderlich stabil. Sollte man sich dennoch für
    diese Lösung entscheiden, sind diese Hinweise dringend zu beachten.

    Gruß

    Die schwarze Piste

    --
    ie:{ fl:( br:^ va:) ls:# fo:) rl:( n4:& ss:{ de:] js:| ch:? mo:) zu:$
    Smartbytes Webdesign in Oberhausen
  4. Hallo Jan.

    Ein recht guter Ansatz, min-width auch im IE ohne JS zu simulieren findet sich auf CSS Play.

    Einen schönen Dienstag noch.

    Gruß, Ashura

    --
    sh:( fo:} ch:? rl:( br: n4:~ ie:{ mo:| va:) de:> zu:} fl:( ss:) ls:[ js:|
    „It is required that HTML be a common language between all platforms. This implies no device-specific markup, or anything which requires control over fonts or colors, for example. This is in keeping with the SGML ideal.“
    [HTML Design Constraints: Logical Markup]