CSS Problem mit <div float:left;> ?!?

[Muskelbiber]

Moin.

Ich wollte mein Tabellen-Layout loswerden und alles in "div" machen.

Ich habe nun folgendes Problem...

Die Webseite will nicht so aussehen wie ich es will

Sobald ich das "float" einbaue, haut es meinen "content" irgendwie in den darunter liegenden "menu content"!

Schaut es euch mal an:
Freiwillige Feuerwehr Niederschelderhtte

Wenn ich das float weg lasse schaut es so aus:

Schaut es euch mal an:
Freiwillige Feuerwehr Niederschelderhtte


Könnt ihr mir sagen was ich falsch mache?!
Muss ja irgendwas mit diesem "float" sein?!

Hier noch die css daten:

/* Gesamter Inhalt */

#gesamt {
    width:800px;
    margin:0px auto;
    text-align:left;
}

/* Die Titelzeile */
#title {
    height:262px;
    width:800px;
    background-repeat:no-repeat;
    text-align: right;
    background-image: url(head.jpg);
}

/* Das Menü */
#menu {
    color:#908DA2 ;
    background-color:#121212;
    text-align:left;
    padding: 5px;
    text-align:center;
    width:790px;
}

/* Der Inhalt */
#content {
border-top:1px solid #000000;
background-color:#FCFFFF;
padding:5px;
color:#000000;
text-align:left;
width:790px;
}

/* Homeinhalt */

#homeleft {
float:left;
border:1px solid #000;
}

#homeleftohnefloat {
border:1px solid #000;
}

#homeright {
width:30%;
float:right;
border:1px solid #000
}

.homecontenttitel{
font-weight:bold;
text-align:left;
margin:5px;
}

.homecontentdatum{
font-weight:bold;
text-align:left;
margin:2px;
}

.homecontentnewstitel{
font-weight:bold;
text-align:left;
margin:10px;
}

.homecontent {
border:1px inherit;
background-color:#7b7d8e;
margin:10px;
}

.homecontent2 {
border:1px inherit;
background-color:#7b7d8e;
margin:10px;
}

.homecontentright {
border:1px inherit;
background-color:#7b7d8e;
margin:10px;
text-align:right
}

/* Homeinhalt Ende */

Schöne grüße aus dem Siegerland

 

[MatthiasM2D]

AW: CSS Problem mit <div float:left;> ?!?

Hi,

ganz einfach Wer floatet muss auch clearen

Füge dem CSS

.clr {clear: both; margin: 0; padding: 0;}

Und dann unter deinen Boxen z.B. ein

<div class="clr"></div>

Gruß

 

[Muskelbiber]

AW: CSS Problem mit <div float:left;> ?!?

Super!

Funktioniert!

DANKE

 

[vincitore]

AW: CSS Problem mit <div float:left;> ?!?

hm wieso hast du denn so oft text-align drin? machs einfach ein mal für alle, reduziert die Größe!

 

[Muskelbiber]

AW: CSS Problem mit <div float:left;> ?!?

hm wieso hast du denn so oft text-align drin? machs einfach ein mal für alle, reduziert die Größe!

Jow danke hast recht ;D

So Fehler passieren meistens bei Kopieren und wieder Einfügen ;D

 

[vincitore]

AW: CSS Problem mit <div float:left;> ?!?

Jow danke hast recht ;D

So Fehler passieren meistens bei Kopieren und wieder Einfügen ;D

kenn ich, deswegen hab ich dich ja darauf hingewiesen