Hallo,
beschäftige mich als Anfänger zum ersten Mal mit Flexboxen.
Ich habe von hier http://blog.kulturbanause.de/2013/07/einfuh…modell-von-css/
den Code kopiert. Also in mein Simple Custom CSS diesen Code
Code
#container {
width:100%;
height:300px;
background:#ccc;
display:-webkit-flex;
display:flex;
}
#box1 {
background:red;
width:250px;
}
#box2 {
background:yellow;
width:250px;
}
#box3 {
background:green;
width:250px;
}
#box4 {
background:blue;
width:250px;
}
Alles anzeigen
und in meine Html-Testseite diesen Code
Code
<div id="container">
<div id="box1">Box 1</div>
<div id="box2">Box 2</div>
<div id="box3">Box 3</div>
<div id="box4">Box 4</div>
</div>
Aber funktioniert nicht. Das Ergebnis ist das: http://hbross.de/flexboxen-2/
Was habe ich nur übersehen?
Verwende Windows 8.1; Firefox 35; WordPress 4.01;Theme:Smartline Lite 1.07
Danke für Hilfe.