Dwa divy tej samej wysokości jak dwie kolumny w table

[sadNot]

Witam, jak zrobić za pomocą divów efekt przedstawiony niżej:

Chodzi o to, aby osiągnąć efekt dwukolumnowej tabeli za pomocą divów, mających tą samą wysokość (jeden zależny od wysokości drugiego)?

Wiele razy już miałem z tym problem, aż postanowiłem narysować o co mi chodzi i spytać na forum.

Pozdrawiam.

[motorider]

Bez użycia js nie da się tego zrobić, ale zwykle można to obejść np dodając div zewnętrzny na który ustawiamy tło.

[kayman]

a takie cos?

html

<div class="main">

<div class="lewy">

<p>Tu znajdzie się zawartość class "lewy"</p>

<p>lewy</p>

<p></p>

<p></p>

<p> </p>

</div>

<div class="prawy">

<p>Tu znajdzie się zawartość class "prawy"</p>

<p> </p>

<p> </p>

<p> </p>

<p> </p>

<p> </p>

</div>

</div>

<div class="stopka">Tu znajdzie się zawartość class "stopka"</div>

css

.lewy {

float: left;

height: 100%;

width: 20%;

}

.prawy {

float: right;

height: 100%;

width: 80%;

}

.stopka {

width: 100%;

text-align: center;

clear: both;

}

.main {

width: 100%;

}

[giker]

https://jsfiddle.net/8Q8mq/2/

[sadNot]

czyli lepiej tabel używać w takim razie

[Veal]

No bez jaj, tabele nie są przeznaczone do opierania na nich design'u. Poczytaj o Liquid Faux Columns, Faux Columns i nie marudź https://www.css3.info/wp-content/uploads/20...aux_columns.htm