Три колонки

Блог им. Rush
Задался таким вопросом — как добавить в стандартном шаблоне третью колонку, которая располагается в левой части сайта.
Покрутил, повертел — дельно не получилось.

Реализовывал ли кто это?

6 комментариев

avatar
в шаблоне header.tpl перед кодом

<!-- Content -->
	<div id="content" .....

добавляйте свою колонку.
только незабудьте учесть ширину дива с id = content
avatar
Так делал, но не совсем то получается — съезжаеют остальные колонки ниже, чем новая левая: savepic.org/860902.jpg

CSS:
#leftcolumn { width: 10%; float: left; margin-left: 1%; margin-top: -6px; }

#content { width: 30%; background: #fff; margin-left: 15%; float: left; clear: left; padding-top: 20px; padding-bottom: 20px; zoom: 1; }
#sidebar { width: 20%; float: left; margin-left: 1%; margin-top: -6px; }
  • Rush
  • 0
  • ↓
avatar
а в шаблоне учли ширину контейнра???
<div id="content" {if $bNoSidebar}style="width:100%;"{/if}>
avatar
Да, и суммарно ведь выходит всего 60%. Без margin-left: 15%; вторая и третья колонка съезжает вниз.
avatar
сори непосмотрел скрин сразу.
в #content уберите clear: left;
avatar
Спасибо, помогло :)
Итоговый код, если кому понадобится:

#leftcolumn { width: 15%; float: left; margin-left: 1%; margin-top: -6px; }
#content { width: 58%; background: #fff; float: left; padding-top: 20px; padding-bottom: 20px; zoom: 1; }
#sidebar { width: 25%; float: left; margin-left: 1%; margin-top: -6px; }
Только зарегистрированные и авторизованные пользователи могут оставлять комментарии.