Frage zu Flexbox

[burn4ever]

Hallo ich lese mir bezüglich des Flexbox-Modell folgenden Artikel durch:
http://www.html5rocks.com/de/tutorials/flexbox/quick/

Dachte mir ich baue dazu auch paralel in CodePen die Beispiele nacht/mit.
Doch schon im ersten step haut das nicht hin:
http://codepen.io/anon/pen/bcjlw/

#flexbox {
display: box;
box-orient: horizontal;
}

soll ja die Kinderelemente der flexbox horizontal anordnen, ohne float schnick schack.
Jemand eine Idee warum das in dem CodePent Bsp. nicht so tut?

 

[threadi]

Vlt. weil dein Browser das noch nicht unterstützt?
http://caniuse.com/#feat=flexbox

 

[MrMurphy]

Hallo,

mal abgesehen davon, das man von Seiten wie CodePen eher die Finger lassen sollte, hast du wohl zusätzlich eine Seite mit veralteten Beispielen erwischt.

Schau mal unter

http://blog.kulturbanause.de/2013/07/einfuhrung-in-das-flexbox-modell-von-css/

So ist statt "display: box;" jetzt wohl "display: flex" aktuell.

Um Beispiele online zu testen sollte man die Seite besser bei einem Freeware-Provider wie bplaced.net hochladen. CodePen und ähnliche Anbieter verfälschen das Ergebnis leider immer wieder.

Gruss

MrMurphy

 

[burn4ever]

Vlt. weil dein Browser das noch nicht unterstützt?
http://caniuse.com/#feat=flexbox

Ich benutze Chrome 33.0

Hallo,

mal abgesehen davon, das man von Seiten wie CodePen eher die Finger lassen sollte, hast du wohl zusätzlich eine Seite mit veralteten Beispielen erwischt.

Schau mal unter

http://blog.kulturbanause.de/2013/07/einfuhrung-in-das-flexbox-modell-von-css/

So ist statt "display: box;" jetzt wohl "display: flex" aktuell.

Um Beispiele online zu testen sollte man die Seite besser bei einem Freeware-Provider wie bplaced.net hochladen. CodePen und ähnliche Anbieter verfälschen das Ergebnis leider immer wieder.

Gruss

MrMurphy

Okay, danke.
Mit display:flex; geht das.
Werd mir auch gleich mal den Artikel einverleiben ;-)