Проблем с div и float

[d_badboy]

Имам следната структура примерно
css

.cont { margin: 10px auto; width: 100px;}
.left { float: left; width: 20px; background-color: black; color: white; }
.right { float: left; width: 80px; background-color: white; color: black; }

html

<div class="cont">
<div class="left">edno</div>
<div class="right">dve</div>
</div>

Как да направя така че дължината на което и да е от двете полета div да е колкото другото поле примерно ако има повечко текст в едното ?

 

[shterev]

ако съм те разбрал правилно, ще ти трябва javascrip код. Правиш си скрипт, който следи width на едното поле, примерно където ще има повече текст и според него да задаваш width на другото. Или говорим за друго(height)?

 

[d_badboy]

height да мисля че ще стане и с css, но незнам как :?:

 

[shterev]

ами тогава направи тези двата дива да са в друг общ и на него задай бекграунд фона, така които и див да е по-висок, щи имаш фон и на двата :?:

В твоя случай , направи една картинка от два цвята, черно и бяло.Направи я широка , колкото двата дива, и я задаваш като фон на #cont да се повтаря: repeat-y и готово. Самоче изчистваш флоатинга, за да може този #cont да се разпъва!

<div class="cont">
<div class="left">edno</div>
<div class="right">dve</div>
<div style="clear:both;"></div>
</div>