Wyrownanie diva bez pozycjonowania

[grzesiek77]

Koledzy mam nastepujacy problem.

Sa trzy warstwy:


W (x)html wyglada to skrotowo tak:

Kod:

<div class="kontenerek">

    <div class="lewa">
    <p>
    tekst
    </p>
    </div>

    <div class="prawa">
    <p>
    tekst
    </p>
    </div>

    <div class="stopka">
    <p>
    stopka
    </p>
    </div>

</div>

w .css

Kod:

.kontenerek {
width: 980px;
margin: 0 auto;
}

.lewa {
float: left;
width: 240px;
padding-right: 10px;
}

.prawa {
float: right;
width: 710px;
padding-left: 10px;
padding-right: 10px;
}

.stopka {
width: 710px;
float: right;
clear: both;
}

I niestety warstwa stopka jest na wysokosci konca warstwy .lewa, a chcialbym by byla bezposrednio pod warstwa .prawa jak na obrazku.
Probowalem tez tak, ze wrzucalem diva .stopka do diva .prawa i pozycja byla ok, ale dziedziczyl kolor po warstwie .prawa, a powinien miec inny
Pewnie znowu cos prostego

---

Probowalem tez dawac !important przy kolorze .stopka tak by przebijal sie nad ustawiony kolor .prawa, ale nie dzialalo...

[Kartofelek]

lewy + prawy w którym masz 2 divy - #prawa i #stopka.

[grzesiek77]

Mozesz troche szerzej Dzieki

[Kartofelek]

Kod:

lewy               +                 prawy w którym jest .prawa i .stopka

szerzej nie dam rady

Kod:

div1             div2
[lewy]    [prawa + stopka]

[grzesiek77]

Sorry zalapalem. Nie wiedzialem, ze takie proste

[Moody]

a nie byłoby lepiej jak clear usunałby z stopka
i dał go w .prawa:after ?

[Kartofelek]

Można oczywiście. Ale powiem ci że ja wolę czasami dorzucić jeden div więcej i mieć pewność że to będzie prawidłowo działać. Czasami ta "automatyzacja" wychodzi nam na złe. Oczywiście twoja metoda jest lepsza jeżeli brać pod uwagę że stopka ma się rozciągnąć na całą szerokość jak jest pod lewą kolumną

[Moody]

A czy da się to rozwiązać inaczej jeśli ma być stopka tylko pod prawą kolumną? Innym sposobem niż Twój? Bo szczerze mówiąc, bo nie sprawdzałem tylko z głowy tak wziąłem, ze jak zrobi się tak jak napisałem to po prostu przesunie stopkę pod prawego diva,a nie pod oba.

Że może jakoś tak: .prawa:after i do tego dać clear: right; ?