есть несколько блоков с одинаковым классом. в блоках находится текст, по размеру он разный и размеры блоков - тоже, в зависимости от текста. как их сделать одинаковыми? т.е., мне необходимо, чтобы все блоки были размером с самый большой блок.
как я понима, алгоритм такой: выбираем все элементы с одинаковым классом, выясняем у какого из них самая большая высота. устанавливаем эту высоту для данного класса. как это реализовать технически?
Спустя 1 час, 55 минут, 54 секунды (13.03.2008 - 17:49) Sylex написал(а):
Цитата(filippoff @ 13.3.2008, 18:53) [snapback]35007[/snapback]
Вот не соображу как решить проблему:
есть несколько блоков с одинаковым классом. в блоках находится текст, по размеру он разный и размеры блоков - тоже, в зависимости от текста. как их сделать одинаковыми? т.е., мне необходимо, чтобы все блоки были размером с самый большой блок.
как я понима, алгоритм такой: выбираем все элементы с одинаковым классом, выясняем у какого из них самая большая высота. устанавливаем эту высоту для данного класса. как это реализовать технически?
есть несколько блоков с одинаковым классом. в блоках находится текст, по размеру он разный и размеры блоков - тоже, в зависимости от текста. как их сделать одинаковыми? т.е., мне необходимо, чтобы все блоки были размером с самый большой блок.
как я понима, алгоритм такой: выбираем все элементы с одинаковым классом, выясняем у какого из них самая большая высота. устанавливаем эту высоту для данного класса. как это реализовать технически?
не знаю зачем это, может подумать о фиксированной величине?
Как вариант, таблица:
Код
<style>
.mycl {
background: #800;
width: 100%;
}
</style>
<table border="1">
<tr>
<td><div class="mycl">etxt 1</div></td>
</tr>
<tr>
<td><div class="mycl">etxt 1sdfsdf</div></td>
</tr>
<tr>
<td><div class="mycl">etxt 1</div></td>
</tr>
<tr>
<td><div class="mycl">etxt 1dfsdfsdfsdf</div></td>
</tr>
<tr>
<td><div class="mycl">etxt 1</div></td>
</tr>
</table>
.mycl {
background: #800;
width: 100%;
}
</style>
<table border="1">
<tr>
<td><div class="mycl">etxt 1</div></td>
</tr>
<tr>
<td><div class="mycl">etxt 1sdfsdf</div></td>
</tr>
<tr>
<td><div class="mycl">etxt 1</div></td>
</tr>
<tr>
<td><div class="mycl">etxt 1dfsdfsdfsdf</div></td>
</tr>
<tr>
<td><div class="mycl">etxt 1</div></td>
</tr>
</table>
_____________