Flex-Box

[franzsen]

Bin gerade dabei flexbox zu üben. Leider tut sich überhaupt nichts. Auf "Webkrauts" wird das Kapitel erklärt und der Artikel ist zwar schon von 2012 aber inzwischen müßte Safari das können. Folgendes steht:

Grundlage für die flex-Darstellung

Die CSS-Eigenschaft display hat mit CSS3 zwei neue Parameter bekommen: flex und inline-flex. Eine dieser Eigenschaften muss dem umgebenden div zugewiesen werden, was die Flexbox-Darstellung »aktiviert«. Hier, wie in allen folgenden Beispielen, wird neben der Standardschreibweise die Eigenschaft mit dem Vendor-Präfix -webkit- eingesetzt, damit Google Chrome diese erkennt. Safari unterstützt die Eigenschaften jedoch nicht, auch wenn dies ein Webkit-Browser ist.

Der Code:

#beispiel-01 {
  display: -webkit-flex;
  display: flex;
}

<div id="beispiel-x">
  <nav>Navigation</nav>
  <section>Inhalt</section>
  <aside>Weiteres</aside>
</div>

Kann man dann mit Safari nicht mit flexbox arbeiten und welche Browser können dann meine Seite richtig darstellen?

Das ist die Seite:
http://webkrauts.de/artikel/2012/css3-flexbox-abloesung-fuer-float-layouts

LG Franz