[Distant]

Здравствуйте! Делаю вот такую весртку на сайт:
http://s43.radikal.ru/i100/1003/55/cbd02f002bc3.gif
Код использую следующий:

<table bgcolor="#f0f0f0" width="886" align="center">
<tr>


<td class="short_story_td">
--- Содержание краткой новости ---
</td>


</tr>
</table>


###css###
.short_story_td{
float: left; 
min-height:180px; 
max-width:274px;
margin:4px 4px 10px 2px; 
padding:2px 4px 2px 10px;

И когда новости добавляются должны (по задумке) после 3-х новостей автоматически переходить на строку вниз. Как показанно на картинке вверху.
<table> и <tr> неизменны, копируется только <td> при добавлении новой новости.

Но вот из-за float получается вот такая незадача:
http://s002.radikal.ru/i200/1003/26/a053797be35a.gif

Думал, как сделать, что бы каждая новость была одинаковой по высоте.
Есть лишь идея сделать максимальное количество символов в краткой, и сделать max-height.
Но может, кто-нибудь подскажет, есть ли иной способ?

[Niemans]

<table> и <tr> неизменны, копируется только <td> при добавлении новой новости.

Почитайте про устройство таблиц. Есть строки и есть ячейки...
Кстати, а зачем вы ячейке float прописали?

[Distant]

Сообщение от Nimans

Почитайте про устройство таблиц. Есть строки и есть ячейки...
Кстати, а зачем вы ячейке float прописали?

Я понимаю если сделать

<table>
<tr>
<td>1</td>
<td>2</td>
<td>3</td>
</tr>

<tr>
<td>4</td>
<td>5</td>
<td>6</td>
</tr>

<tr>
<td>7</td>
<td>8</td>
<td>9</td>
</tr>

</table>

То получится то, что я хочу собственно.
Но новости добавляются из админ панели, лимит 9 новостей...
Автоматом то не получится добавление <tr></tr> после 3-х новостей.

Ну а float для обтекания.

[Niemans]

или я вас не понимаю или вы меня

Добавлено через 58 минут

Автоматом то не получится добавление <tr></tr> после 3-х новостей.

Замените элементы таблицы на дивы с определенной высотой, как вариант.

[Distant]

Сообщение от Distant

<table> и <tr> неизменны, копируется только <td> при добавлении новой новости.

Извиняюсь ошибка вышла, неизменна только table.
В итоге получается вот так:

<table bgcolor="#f0f0f0" width="886" align="center">

<tr>
<td class="short_story_td">
--- Содержание краткой новости ---
</td>
</tr>

<tr>
<td class="short_story_td">
--- Содержание краткой новости ---
</td>
</tr>


<tr>
<td class="short_story_td">
--- Содержание краткой новости ---
</td>
</tr>

---Девять раз ---

</table>

Сообщение от Nimans

Замените элементы таблицы на дивы с определенной высотой, как вариант.

Я делал так, но вот высота новости может меняться, в зависимости от количества в ней символов. И получалось у меня точно такая же проблема, как на второй картинке.

[Niemans]

высота новости может меняться

Задайте ее определенной высоты.
Есть еще такая фишка <div class="clear"></div> где .clear {clear: both;} если ее вставить после нужных блоков, то можно добиться интересного эффекта

[Distant]

Спасибо Вам, посмотрим, что выйдет.

Добавлено через 5 часов 57 минут

Сообщение от Nimans

<div class="clear"></div> где .clear {clear: both;}

В итоге получается, что все новости в одном блоке, а остальное место пустое. На right или left, так же толку нету.

Сообщение от Nimans

Задайте ее определенной высоты.

Я писал похожее:

Сообщение от Distant

Есть лишь идея сделать максимальное количество символов в краткой, и сделать max-height.

И опять же, если количество символов больше блока, то они вылазиют за его приделы.

Вот для наглядности, что я имею ввиду.
При добавлении новости, все 3 ячейки становятся одинаковыми. Вроде бы просто, по высоте строки, но как это сделать, что бы они менялись автоматически, и выводились с лимитом в 3 ячейки, и 4-ая автоматически переходила в нижнюю строку...

[Niemans]

Ну так это не в верстке проблема, а в выводе, то есть в том модуле который у вас за вывод отвечает.

[Distant]

Сообщение от Nimans

Ну так это не в верстке проблема, а в выводе, то есть в том модуле который у вас за вывод отвечает.

Честно сказать не понял Вас. Можно поподробней?

[Niemans]

В настройка cms или что то там, надо задать количество ячеек в строке, столбцов, те задать параметр вывода.