webkarina: flexbox funktioniert im IE (11) nicht

Hallo zusammen,

ich versuche (bisher vergeblich) eine Website zu korrigieren, die mit Firefox funktioniert, aber nicht mit dem IE (11). In einer flexbox soll ein linksseitiges Bild verkleinert werden, sobald der Text rechts daneben Platz "braucht". Hier die (Beispiel-) Codes:

<div class="flexbox">
<div class="bild">
<img src="bild.jpg" /></div>
<div class="text">Textbeispielprobiervorlage</div>
</div>
.flexbox { display: flex; }
.bild { flex-basis: 80%; }
.bild img { width: 100%; }
.text { flex-basis: 20%; }

Bild wird verkleinert

Bild wird NICHT verkleinert

Oben FF, unten IE.

Der FF reduziert den Platz fürs Bild auf weniger als 80%. Der IE macht das nicht, und lässt den Text aus dem Container laufen.

flex-shrink: 1 u.ä. haben nicht gebracht. Einen Breakpoint will ich an der Stelle nicht einfügen. Für Hinweise zur Bearbeitung der Flexbox wäre ich sehr dankbar.

webkarina

  1. Hallo webkarina,

    ich versuche (bisher vergeblich) eine Website zu korrigieren, die mit Firefox funktioniert, aber nicht mit dem IE (11).

    Wenn man bei Google mit dem Tippen der Wörter "flex-basis" fertig ist, wird schon gleich "ie 11" als Ergänzung vorgeschlagen.

    Das erste Ergebnis ist dann https://stackoverflow.com/questions/46368886/how-to-make-flex-basis-work-in-ie11

    Bis demnächst
    Matthias

    --
    Du kannst das Projekt SELFHTML unterstützen,
    indem du bei Amazon-Einkäufen Amazon smile (Was ist das?) nutzt.
    1. Ja, danke! Ich schaue es mir an.

    2. Hallo Matthias,

      danke für die Info. Aber leider löst sie das Problem nicht. flex-basis: auto macht ja was anderes als flex-basis 80%. Dazu hab ich weder bei stackoverflow noch woanders etwas gefunden.

      Gruß webkarina

      1. Flexbox funktioniert im IE 11 nur teilweise und benötigt für den Rest teilweise auf ihn angepasste CSS-Angaben.

        Mit deinen Quellcodeschnipseln lässt sich dazu leider nichts konkretes sagen. Beim CSS einer Webseite spielen ja alle Angaben miteinander.

        Ich bin nicht mal sicher ob die von dir gewünschte Darstellung mit dem IE 11 überhaupt machbar ist.

        Der der IE 11 in der Praxis verschwunden ist müssen Webseiten auch nicht mehr an ihn angepasst werden.

        1. Servus MrMurphy_!

          Schön wieder mal von Dir zu ~hören~ lesen!

          Der der IE 11 in der Praxis verschwunden ist müssen Webseiten auch nicht mehr an ihn angepasst werden.

          Im Januar 2020 soll Edge Chromium rauskommen. Der hat dann die gleiche Rendering engine wie Google Chrome und Opera unter der Haube. Auf einen Schlag werden viele Sachen im Edge gehen, die es bislang nicht gab.

          Der Edge Chromium soll, anders als bisherige Versionen des Edge, auch unter Windows 7 und 8 laufen, sodass man hier den IE11 erstzen kann. Wie das genau aussieht (und vor allem wann genau) ist noch nicht bekannt - warten wir einfach mal ein bis drei Wochen ab.

          Laut https://caniuse.com hat der IE11 noch einen Marktanteil von 1.43%.

          https://gs.statcounter.com/browser-market-share/all/germany hat Zahlen für Deutschland.

          IE9-11: 2.83%

          Edge: 4% (der hat sich nie richtig durchsetzen können)

          Firefox: 13,5% (Hätt ich nie gedacht, dass der mittlerweile so wenig hat.)

          Chrome: 49% (Jeder der Google Earth runterlädt, surft hinterher mit Chrome und merkt's gar nicht)

          Safari: 3% aber iOS 17%, darunter einige ältere Versionen

          Opera: 2.4%

          Samsung Internet (basiert auch auf Chromium) und UC (ein chin. Browser) zusammen noch mal 7%

          Herzliche Grüße

          Matthias Scharwies

          --
          25 Jahre SELFHTML → SELF-Treffen 05.-07. Juni 2020 in Mannheim
          1. Hallo Matthias,

            hinter den alten IEs sollen sich ja Bots verstecken, so dass deren Anteil wohl noch geringer ist.

            Windows 7 ist am Ende. Wer weiter Windows 7 verwendet, sollte genau wissen, was er tut. Surfen mit dem IE sollte nicht dazu gehören.

            Gruß
            Jürgen

            1. Hallo JürgenB,

              hinter den alten IEs sollen sich ja Bots verstecken, so dass deren Anteil wohl noch geringer ist.

              Ich habs an anderer Stelle schon erwähnt: ich habe unsere Software vor kurzem auf den IE10 anpassen müssen, weil einer unserer Kunden den verwendet. Ein größeres deutsches Unternehmen. Ich wäre also gar nicht so sicher, dass du da recht hast.

              Außerdem musste ich certificate pinning abschalten, weil sie TLS interception machen… ach ja, und ich musste WebSockets abschalten, weil der Proxy zu alt ist und keine Websockets kann.

              Hach ja. Das war ein schöner Tag. NICHT!

              Freundliche Grüße,
              Christian Kruse

            2. Moin,

              hinter den alten IEs sollen sich ja Bots verstecken

              ich würde annehmen, dass die sich heutzutage eher als Chrome oder Firefox ausgeben, um in der Masse möglichst wenig aufzufallen.

              Ciao,
               Martin

              --
              Ich stamme aus Ironien, einem Land am sarkastischen Ozean.
        2. Danke, MrMurphy_, für die Hinweise. Ich habs inzwischen anders gelöst, was offensichtlich das Sinnvollste war.