Dreispaltiges Layout mit Flexbox und zwei Media Queries
bearbeitet von Rolf BHallo Bimmelbeule,
das ist mit einer gemeinsamen Kraftanstrengung von flex-wrap, width, calc und margin-left machbar, WENN die leere Zelle unter "nav" wirklich leer sein soll.
Wenn Du aber sowas haben willst (muss ich jetzt als ASCII Art zeichnen, keine Ahnung ob und wie sich sowas downmarken lässt)
~~~
+-------+---------------+
| | |
| NAV | INHALT |
| | |
| +---------------+
| | ASIDE |
+-------+---------------+
~~~
dann brauchst Du zwei Flexboxen. Oder Grid.
Wenn das nav tatsächlich nicht höher werden muss als der Inhalt, dann geht es so: <https://jsfiddle.net/Rolf_b/cfrbyq94/3/>. Es ist aber schon Gefummel.
_Rolf_
--
sumpsi - posui - obstruxi
Dreispaltiges Layout mit Flexbox und zwei Media Queries
bearbeitet von Rolf BHallo Bimmelbeule,
das ist mit einer gemeinsamen Kraftanstrengung von flex-wrap, width, calc und margin-left machbar, WENN die leere Zelle unter "nav" wirklich leer sein soll.
Wenn Du aber sowas haben willst (muss ich jetzt als ASCII Art zeichnen, keine Ahnung ob und wie sich sowas downmarken lässt)
~~~
+-------+---------------+
| | |
| NAV | INHALT |
| | |
| +---------------+
| | ASIDE |
+-------+---------------+
~~~
dann brauchst Du zwei Flexboxen. Oder Grid.
_Rolf_
--
sumpsi - posui - obstruxi