float: right; Abstand

[Schiffscomputer]

Ich bin mir fast sicher, dass es hier schon mal so ein Thema gab, habe aber wahrscheinlich die falschen Begriffe in die Suche eingegeben. Also vorab schonmal sorry.

Es gibt 3 <div> Boxen. Die linke Box funktioniert einwandfrei, aber die zweite und dritte Box überschneiden leider die Seite.

Habe mal ein Bildchen angehangen.

/* Linke Box */
.newtuts {
width: 40%;
padding: 0px 10px 0px 10px;
margin: 0px 0px 0px 0px;
background-color: #fff;
}

/* mittlere Box*/
.middlecontent {
text-align: center;
margin: 0px 0px 0px 0px;
width: 40%;
float: right;
}

/* rechte Box */
.meldung {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
float: right;
width: 20%;
text-align: right;
}

/* Box, die das ganze umrahmt*/
.maincontent {
padding: 5px 5px 5px 5px;
background-color: #fff;
border-color: #ccc;
border-width: 1px;
border-style: solid;
margin: 5px 5px 5px 5px;
}

Hoffe, jemand erkennt den Fehler.

Grüße

Schiffi

 

[prm]

Bildchen nützen grundsätzlich gar nix, weil sie keinen Quelltext enthalten.
Auch mit dem CSS-Code kann man allein wenig anfangen, weil er nur im Zusammenhang mit dem HTML-Code eine "Einheit" bildet.
Deshalb am besten immer einen Link zur Seite reinstellen.

Vermutlich hast du versäumt, vor dem Schließen von #maincontent zu clearen, siehe Firefox stellt Hintergrund nicht vollstndig dar

 

[Schiffscomputer]

Oje, stimmt...

Danke dir!

Das mit dem html angeben, werde ich beim nächsten mal machen.

Vielen Dank!