Inhalt wird im Falschen <div> angezeigt

[McCry]

Hi,
auf meiner Website habe ich 3 Hauptdivcontainer (head, content, foot).
Mein Problem:
Der Text, der im Content-Div angezeigt werden soll, wird im Foot-Div angezeigt.

<div id="design">
    <div id="head"></div>
    <div id="content">
        <div class="unternavi">
            HALLO
        </div>
        <div class="content">
            Hallo
        </div>
    </div>
    <div id="foot"></div>
</div>

Css:

body {
    width: auto;
    height: auto;
    background-image: url(../pics/bg.png);
    background-attachment: fixed;
}
#design{
    width: 1200px;
    height: auto;
    margin-left:auto;
    margin-right:auto;
}


#head{
    width: 1200px;
    height: 320px;
    background-image: url(../pics/head.png);
}


#content{
    width: 1200px;
    height: auto;
    background-image: url(../pics/content.png);
}
.unternavi{
    width: 150px;
    height: auto;
    float: left;
    margin-left: 130px;
}
.content{
    width: 900px;
    height: auto;
    float: right;
}


#foot{
    width: 1200px;
    height: 120px;
    background-image: url(../pics/foot.png);
}

 

[spaceCookie]

Link zur Seite?

Generell gilt:
1. Schöner Satz den ich neulich hier gelesen hab: Wer floatet muss auch clearen
2. Wenn du einen Wrapper mit einer festen Breite hast sind die width angaben in den im Wrapper enthaltenen Divs überflüssig.

 

[Tar]

Du floatest, clearst aber nirgends, fällt mir spontan ein. Ansonsten wäre wie gesagt ein Link zur Seite hilfreich.

 

[spaceCookie]

Du floatest, clearst aber nirgends, fällt mir spontan ein. Ansonsten wäre wie gesagt ein Link zur Seite hilfreich.

Hab das mal eben getestet. Liegt am clearen.

 

[McCry]

Du floatest, clearst aber nirgends, fällt mir spontan ein. Ansonsten wäre wie gesagt ein Link zur Seite hilfreich.

Ok. Ich meine ich hab irgendwo noch einen Quelltext, in dem das clearen enthalten ist. Ich schau mal nach.
Einen Link gibt es noch nicht.


OK. Danke an alle. Ich habs geschafft.