Witam mam pytanie jak wyrównać automatycznie kolor czerwony do niebieskiego (obrazek) http://tinypic.pl/6m6kdq5ctzbw za pomocą div, w obramowaniu niebieskim mam większą ilość tekstu.

Najlatwiej podziel sobie to na 2 kolumny

[PHP] pobierz, plaintext 
<div id="calosc">
<div id="kolumna1">
<div id="czerwony"></div>
<div id="bialy"></div>
</div>
<div id="kolumna2">
<div id="niebieski"></div>
</div>
</div>
[PHP] pobierz, plaintext 

dajesz kolumna1 i kolumna2 float:left. Nastepnie czerwony ma float:left, bialy ma clear i float left no i niebieski ma float left. Pierwszy leszy sposob jaki przyszedl do glowy.

Chyba źle zrozumiałeś autora. Chce osiągnąć za pomocą DIV efekt taki jak w tabeli. Czyli wraz z wysokością jednej komórki druga też się rozciąga i nie ma "białego" pustego pola pod spodem. Hmm... i tak właśnie bym zrobił na miejscu autora tematu - czyli użył tabeli, mimo iż nie powinno się ich używać do tworzenia layoutów, jeśli jest to najprostsze rozwiązanie to po co kombinować.

@tintink Jeśli chce Ci się bawić to pokombinuj z display:table i display:table-cell. Jednym zdaniem musisz nadać DIV'om taki sam styl jakie mają w oryginale znaczniki <td> i prawdopodobnie ująć jeszcze całość w DIV o właściwościach <talbe> (choć nigdy tego nie próbowałem)

Jeden mądrzejszy od drugiego

Najprościej zrobić to tak:

[CSS] pobierz, plaintext 
#glowny {
    background: #0ff;
}
#tresc {
    margin-left: 80%;
    background: #0f0;
}
#lewa {
    width: 20%;
    float: left;
}
[CSS] pobierz, plaintext 

[HTML] pobierz, plaintext 
<div  id="glowny">
                <div id="lewa">
                lalalalalalalala    
                </div>
 
                <div id="tresc">
                Lewy div powinien rozciagac sie wg wysokosci tego diva  <br> <br> <br> <br> <br> <br>
                </div>
</div>
[HTML] pobierz, plaintext 

Dzięki Damonsson, mam jeszcze jedno pytanie ten sam przykład tylko z trzema kolumnami?

O, mądry się odezwał


Twoje rozwiązanie jest jedynie marnym zamaskowaniem problemu, gdy przepełnisz drugi kontener już nie jest tak pięknie. Chcąc mieć dostosowanie wysokości obu "komórek" niezależnie od tego która z nich będzie wyższa, należy zrobić tak jak pisałem w poprzednim poście.

@iro88 Tabele służą do przedstawiania danych tabelarycznych, amen! A kolega zaznaczył, że w kontenerze prawym będzie więcej tekstu, więc jaki sens stosować inne rozwiązanie? Nie, nie należy stosować Twoich pseudo rozwiązań.



Hmmm to już bardziej skomplikowana sprawa, ale możesz zastosować faux columns, przykład dla 3 kolumn masz na przykład tutaj:
http://line25.com/articles/create-sidebars...th-faux-columns

Wiem, że stosowanie tabel do tworzenia layoutów jest złą praktyką, nie musisz mi tego uświadamiać. Osobiście stosuje je w ostateczności. Myślę, że to nie temat na wywody o tabelach, ale sądzę, że warto było wspomnieć o tym, iż rozwiązanie problemu autora jest bardzo proste za pomocą tabeli.

Masz kilka metod na to najprostsza to http://www.code-sucks.com/css%20layouts/fa...s/faux-6-2-col/ tu masz bez obrazków http://matthewjamestaylor.com/blog/equal-h...ns-3-column.htm