MrMurphy1: DIV Container & ungewollter Zeilenumbruch

Beitrag lesen

Hallo,

hinter dem schließenden body-Tag haben Container wie footer nichts mehr verloren.

Bevor du CSS-Anweisungen wie float ausführst solltest du dich über deren Auswirkungen informieren.

Das Floaten ohne Clearen nicht geht wirst du spätestens merken, wenn die Seite Inhalt erhält.

Zu deinem Problem: Ersetze deine CSS-Anweisungen mal durch folgende:

* {
   box-sizing: border-box;
}
body>* {
   float: left;
}
#navigation{
   background-color: #FF0000;
   width: 25%;
}
#content{
   background-color: #FFFF00;
   width: 50%;
}
#funfacts{
   background-color: #0000FF;
   width: 25%;
}

Gruss

MrMurphy