• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Flexbox Problem: Container ordnen sich nicht ein

Lashbeatz

Neues Mitglied
Guten Abend Leute,

ich hab folgendes Problem, ich wollte im Hauptteil der Seite zwei Bereiche nebeneinander anordnen per Flexbox Befehl.

Das hab ich dann so umgesetzt

HTML:
Code:
<div id="content">
  <article id="article">
  1


  </article>
  <aside id="aside">
  2


  </aside>
</div>

Code:
  #content {
  display: -webkit-flex;
  display: -moz-flex;
  direction: flex;
  }


  #article {
  background-color: red;
  -webkit-flex:3;
  flex:3;
  width: 70%;

  }


  #aside {
  background-color: yellow;
  border-left: 1px solid #131313;
  box-shadow: -0.5px 0px 3px #131313;
  -webkit-flex: 1;
  flex: 1;
  width: 30%;

Wenn ich das jetzt mir anschaue bleiben die Boxen trotz des Befehls untereinander.


Die Seite Online: lashbeatz.bplaced.net/test/index.html

Ich hab das ganze nochmal Seperat getestet und dort funktioniert das, liegt das vll. an einer anderen Einstellung im CSS.

Mfg
Lash
 
Ich muss ehrlich mehr auf Schreibfehler achten!

Danke

Lash

EDIT:

ich hab das jetzt verbessert, jetzt sind die zwei Felder neben der Navigation auserhalb der des angegeben Bereich? Was mach ich da falsch?

EDIT:
Ok hat sich erledigt hab es jetzt durch probieren hingekriegt :D
 
Zuletzt bearbeitet:
Zurück
Oben