Wie kann ich mit css die zwei div container untereinander mit Abstand dazwischen anzeigen lassen?

3 Antworten

Geh erst mal Dein CSS durch.

Falsch

.haupt {
  margint top: 50px;
  }

Richtig

.haupt {
  margin-top: 50px;
  }

Und dann hier

.b1 {
  float: left; /* kann raus, ist überflüssig */
  width: 400px;
  padding: 20px 0;
  color: #01DF01;
  border-bottom-width: 3px;
  border-style: solid;
  width: 50;   /* Einheit fehlt */
  height: 30;  /* Einheit fehlt */
  background-color: #fff;
}
.b2 {
  float: both; /* den Wert 'both' gibt's nicht für float */
  width: 400px;
  padding: 20px 0;
  color: #01DF01;
  border-bottom-width: 3px;
  border-style: solid;
  width: 50;  /* Einheit fehlt */
  height: 30; /* Einheit fehlt */
  background-color: #fff;
}

Wenn Du alle Fehler korrigiert hast, ergänzt Du

.b1 {
  margin-bottom:50px
} 

Alex

  Kannst <br>s zwischen die container machen, oder auch ein <p></p>

oder Platz nach oben von 15 Pixeln oder so... 

<div class="b2" margin-top: 15px;>
Kannst <br>s zwischen die container machen,

Nein. Das Element <br> wird nicht verwendet, um Abstände einzurichten. HTML ist nur für die Semantik, das Aussehen wird mit CSS geregelt.

<p></p>

auch das ist falsch.

<div class="b2" margin-top: 15px;>

Die Idee dahinter ist gut, die Ausführung ist fehlerhaft. Richtig wäre natürlich

<div class="b2" style="margin-top: 15px">
1

Float: none; display:block; margin-bottom: 00px

Was möchtest Du wissen?