✔ Positionierung und autom. vergrößern

[meste]

so einer der erfolgslosen Versuche

#body {
  position:relative;
  margin:105px 50px 70px 50px;
  max-width:950px;
  clear: both;
  height: 100%;
  overflow:auto;
  background-color:#fff;
  display:-webkit-flex;
  display:flex;
  -webkit-flex-direction: column;
  flex-direction: column;
}
.sectNav {
  position: relative;
  width: 200px;
  height: 100%;
  min-height: 600px;
  margin: 0px;
  padding: 0px;
  float: left;
  background-color:#000;
  -webkit-flex: 1;
  flex: 1;
}
.sectMain {
  width: 400px;
  margin-right: 15px;
  height: 100%;
  float: right;
  background-color:#00f;
  -webkit-flex: 1;
  flex: 1;
}

height ist auf 100% damit es sich den Inhalt anpasst.
Falls es keine Umstände macht und du die Problematik eh verstehst könntest ja ein fiddle sample hochstellen bevor das noch so weiter geht.
Danke im voraus.

 

[SpiceLab]

http://jsfiddle.net/spicelab/tntths4z/

 

[meste]

danke für den fiddle jedoch habe ich das mittlerweile mittels js gelöst.
Das mit flex will irgendwie nicht klappen.

 

[SpiceLab]

Das mit flex will irgendwie nicht klappen.

Kann man ohne entsprechendes Demo nichts zu sagen.

Dass es grundsätzlich (bei korrekter Anwendung!) funktioniert, beweist mein jsfiddle-Demo, das die fehlerbereinigte Fassung deines zuletzt gezeigten CSS-Codes präsentiert.