Блоки в шаблоне Default

Добрался до .tpl файлов стандартного шаблона Danneo. Решил начать с top.tpl, bot.tpl и содержимого папки block.

Главная трудность — возникли затруднения при переходе от таблицы основы шаблона к блочной верстке. Изначально используется 3колоночный макет, левые и правые блоки имеют ширину 190 пикселей, средний блок с контентом резиновый. Первым делом попробовал сделать так — левый и правый блок сделал в виде слоев с фиксированной шириной и обтеканием (слева и справа соответственно), а средний блок пустил после них, в результате чего он должен был занимать середину, и в тоже время растягиваться на всю возможную ширину. Это работает, однако браузер-инвалид ИЕ опять испортил картину. Он тупо спускал средний блок вниз. Я долго ковыряться не стал, решил оставить этот этап и перейти к таблицам меньшего масштаба.

К примеру, такой код блока:

<table width="100%">
<tr>
<td class="botblock">
{blockname}
</td>
</tr>
<tr>
<td class="paddingtext">
{blockcont}
</td>
</tr>
</table>

можно переверстать так:

<div>
<div class="botblock">
{blockname}
</div>
<div class="paddingtext">
{blockcont}
</div>
</div>

Видно, что код становится короче и, что самое главное, более понятным и удобным для редактирования.

РубрикиCMS

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Этот сайт использует Akismet для борьбы со спамом. Узнайте как обрабатываются ваши данные комментариев.