Не нравятся результаты поиска? Попробуйте другой поиск!
DLE FAQ » Все вопросы » Общие вопросы по вёрстке » Убрать правый блок в полной новости, при этом центральная часть должна растянуться по всей ширине

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


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

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

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

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

Спасибо.

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


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

4 комментария

Е.Хрущёв
Юзер

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

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

shadow6630
Юзер

shadow6630 - 13 июня 2014 21:21 -

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

FastFud
Юзер

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;
}

Е.Хрущёв
Юзер

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

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

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

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

наверх