Matthias Apsel: Responsive Webdesign

Beitrag lesen

Om nah hoo pez nyeetz, Roland!

Habe jetzt folgendes Beispiel in verschiedenen Browsern getestet. Bis auf den Firefox war es überall ok (A,B,C untereinander).

<div class="box">
  <div class="A">A</div>
  <div class="B">B</div>
  <div class="C">C</div>
</div></body>
</html>

  
A,B,C steht auch ohne jegliches Zutun untereinander. Deshalb hast du dich täuschen lassen, der IE unterstützt flexbox erst ab Version 10 und dort nur mit Präfix `-ms-`{:.language-css}, Safari und Opera benötigen den Präfix `-webkit-`{:.language-css} (siehe <http://caniuse.com/flexbox>). Du willst doch die Reihenfolge der Blöcke vertauschen:  
  
~~~html
<!doctype html>  
<html>  
  <head>  
    <meta charset="utf-8">  
    <title>test</title>  
    <style>[code lang=css]      .box {  
        display: flex;  
	flex-direction: column;  
      }  
      .A {  
	order: 2;  
      }  
      .B {  
	order: 3;  
      }  
      .C {  
	order: 1;  
      }
~~~    </style>  
  </head>  
  <body>  
    <div class="box">  
      <div class="A">A</div>  
      <div class="B">B</div>  
      <div class="C">C</div>  
    </div>  
  </body>  
</html>[/code]  
  
Matthias

-- 
Der Unterschied zwischen Java und JavaScript ist größer als der zwischen [Box und Boxer](http://selfhtml.apsel-mv.de/java-javascript/index.php?buchstabe=B#box).  
![](http://www.billiger-im-urlaub.de/kreis_sw.gif)