Не нравятся результаты поиска? Попробуйте другой поиск!
dle-faq.ru FAQ (все вопросы) Общие вопросы по вёрстке Убрать правый блок в полной новости, при этом центральная часть должна растянуться по всей ширине

Убрать правый блок в полной новости, при этом центральная часть должна растянуться по всей ширине


     05.12.2013    Общие вопросы по вёрстке, Стили (CSS)    2172

вопрос
Доброго дня. Помогите решить вопрос. Необходимо, что бы при просмотре полной новости, если правый блок скрывается при помощи тега not-aviable, центральный блок растягивался на всю оставшуюся ширину сайта.
Пример: Все три блока на месте
Убрать правый блок в полной новости, при этом центральная часть должна растянуться по всей ширине

Теперь в полной новости мы тегом not-aviable убираем правый блок rightsidebar, получается он просто не отображается, а центральный блок т.к имеет фиксированную ширину находится на том же месте.
Убрать правый блок в полной новости, при этом центральная часть должна растянуться по всей ширине

Вопрос: Как сделать правильную верстку из трех блоков, чтобы при скрытии правого блока центральный растягивался на всю ширину сайта.
Убрать правый блок в полной новости, при этом центральная часть должна растянуться по всей ширине

Спасибо.

Ответил: ПафНутиЙ


добавляйте к блоку main класс, через тег aviable, который будет задавать ширину блока.

Комментарии пользователей (4)

Е.Хрущёв
11

Е.Хрущёв - 13 июня 2014 21:19 - Юзер

Я все равно не совсем понял как задать ширину блоку, например на главной все норм, перехожу в полную новость, убирается правый блок, а центральный не растягивается, как сделать чтобы он растягивался в полной новости, а на главной опять принимал свой прежний вид?

shadow6630
6

131 | 55

shadow6630 - 13 июня 2014 21:21 - Юзер

Читайте документацию , а конкретно про тег aviable - создаеете два разных класа для центрального блока с разной шириной и прячете в тег aviable и будет вам счастье (как выше написал Пафнутий)

FastFud
50

1599 | 588

FastFud - 13 июня 2014 21:31 - Юзер

В main.tpl
[aviable=main]
<div class="blockMain"></div>
[/aviable]
[aviable=showfull]
<div class="blockFull"></div>
[/aviable]


.blockMain {
width: 400px;
}
.blockFull {
width: 240px;
}

Е.Хрущёв
11

Е.Хрущёв - 13 июня 2014 21:53 - Юзер

Спасибо добрый человек, помог ^^

Чтобы комментировать - войдите или зарегистрируйтесь на сайте

Похожие вопросы