CSS: die Abstimmung der Elemente innerhalb eines div

Ich habe ein div, enthält drei Elemente, und ich habe Probleme, mich korrekt positionieren die Letzte. Das div auf der linken Seite hat an der linken Seite, der in der Mitte muss zentriert sein und der Dritte muss auf der rechten Seite.

So, ich habe so etwas wie:

#left-element {
    margin-left: 9px;
    margin-top: 3px;
    float:left;
    width: 13px;
}

#middle-element {
    margin:0 auto;
    text-align: center;
    width: 300px;
}

#right-element {
    float:right;
    width: 100px;
}

Mein html sieht so aus:

   <div id="container-div">
        <div id="left-element">
            <img src="images/left_element.png" alt="left"/>
        </div>
        <div id="middle-element">
            I am the text inside the middle element
        </div>
        <div id="right-element">
            I am the text in right element
        </div>
    </div>

Irgendwelche Ideen?

Dank!

Und das problem ist?
Was ist die Breite des container-div?

InformationsquelleAutor luqita | 2011-04-30

Schreibe einen Kommentar