witam

mam taki mały problem z float.
nie zastanawiałem się nigdy nad tym i jakoś do tej pory nie wiem jak takie coś zrobić.
rozplanowanie elementów przedstawiłem na rysunku:


prostokąty A i B mają ustawiony float: left.

blok E ma być równy, ładny i dopasowany;)
wydaje mi się, że za blokiem BC powinno być coś w stylu clear:both.
ale jak daje takie coś to blok D wyświetlany jest dopiero w miejscu, w którym kończy się blok A.
jak używać clear: both ale tylko w obrębie tego niebieskiego prostokąta?

ja zrobiłem, coś takiego:

[HTML] pobierz, plaintext 
<div id="a">
aaa
</div>
<div id="blue">
    <div id="e">
        <div id="b">
        bbb
        </div>
        <div id="c">
        ccc
        </div>
    </div>
    <div id="d">
    ddd
    </div>
</div>
[HTML] pobierz, plaintext 

i css

[HTML] pobierz, plaintext 
#a
{
background-color: red;
float:left;
width: 20%;
height: 60%;
}
#blue
{
background-color: blue;
float:left;
width: 50%;
height: 50%;
}
#e
{
background-color: gray;
width: 20%;
height: 20%;
}
#b
{
background-color: green;
float: left;
width: 30%;
height: 30%;
}
#c
{
background-color: lime;
float: left;
width: 50%;
height: 30%;
}
#d
{
background-color: yellow;
width: 20%;
height: 20%;
}
[HTML] pobierz, plaintext 

nie wiem czy o to chodzi.

tutaj jest opisywany przypadek:
http://axzx.pl/bb/

zawartość purpurowego prostokąta podzielona jest na 3 części.
chciałbym, żeby zmiana wysokości którejś z części powodowała, że ten prostokąt dopasowuje wysokość.
jak widać na przykładzie, słowo opis jest już poza tym purpurowym prostokątem.
można by tam wrzucić tabelkę z trzema kolumnami i po sprawie;)

ale to jest tylko przykład. takich układów jest więcej i chciałbym się wreszcie dowiedzieć jak rozwiązać ten problem.

ustaw w #profil min-height na jakie Cie interesuje a dla IE height: auto !important;

masz FireBug?
tam można łatwo zmieniać style w locie. polecam zainstalować.

jak się domyślasz - nie działa.
purpurowy wcale się nie powiększa.