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

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

вопрос

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

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

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

Спасибо.

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

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

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

Юзер

Е.Хрущёв - 2015-02-2113 июня 2014 21:19 - #30103

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

Юзер

151

shadow6630 - 2015-02-2113 июня 2014 21:21 - #30104

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

Юзер

1599

FastFud - 2015-02-2113 июня 2014 21:31 - #30105

В main.tpl

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


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

Юзер

Е.Хрущёв - 2015-02-2113 июня 2014 21:53 - #30109

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

non-stop | Как решить проблему индексации DLE в пои ... ¹

non-stop
Как решить проблему индексации DLE в поиске Bing?
19-12-2024, 17:02

Забыл написать что обновился до последней версии 17.3
Интересно узнать, это только у меня проблема, или это проблема движка? проверьте свои сайты на наличие в поиске Bing.
В 11 винде именно эта поисковая система стоит по умолчанию . кроме того эта же поисковая система отвечает за индекс еще одного поисковика - yahoo. Эти системы могут давать дополнительный процент пискового трафика на сайты.
lutskboy | Как максимально грамотно организовать до ... ¹

lutskboy
Как максимально грамотно организовать добавление материалов через SQL-запросы?
18-12-2024, 21:39

все верно. related_ids автоматом заполняется потом.
derebas | Убираем xfsearch из адресной строки ⁷

derebas
Убираем xfsearch из адресной строки
16-12-2024, 02:35

в правилах транслитерации для tagvalue поставьте замену " " => "-", например так
str_replace(array('.', ' ', '/', '&', "'", '+', '«', '»', ':', '!'), array('', '-', '-', 'and', '', '', '', '', '', '')
toxicpioner | Убираем xfsearch из адресной строки ⁷

toxicpioner
Убираем xfsearch из адресной строки
15-12-2024, 19:31

если в доп поле есть пробел, будет выдавать просто 403 стр
dj-avtosh | Воспользовался хаком удаление html из ад ... ²

dj-avtosh
Воспользовался хаком удаление html из адресной строки у новости, появилась ошибка, как пофиксить?
12-12-2024, 17:26

Нужно правило с year поднять выше всех в .htaccess
TeraMoune | Воспользовался хаком удаление html из ад ... ²

TeraMoune
Воспользовался хаком удаление html из адресной строки у новости, появилась ошибка, как пофиксить?
11-12-2024, 22:12

У вас убрано слишком много отличительных признаков в ссылках и теперь ссылки пересекаются. Убрали xfsearch, убрали html, а так же зачем то убрали дефиз разделяющий id и alt_name. Теперь некоторые ссылки будут отвечать выражению под правила ссылок новостей. Исправить вы можете только переосмыслив эти ссылки и добавить в них каких-то отличительных особенностей, переосмыслить чпу.
toxicpioner | Как упорядочить ID новостей ¹⁹

toxicpioner
Как упорядочить ID новостей
9-12-2024, 22:24

***Комментарий удален***
DnCnv | Как показать только одну категорию, к ко ... ¹

DnCnv
Как показать только одну категорию, к которой принадлежит новость?
9-12-2024, 01:46

***Комментарий удален***
web102 | Почему не отображается картинка в галере ... ³

web102
Почему не отображается картинка в галерее?
4-12-2024, 11:49

дайте адрес сайта. можно в личку
Shandi | Почему не отображается картинка в галере ... ³

Shandi
Почему не отображается картинка в галерее?
3-12-2024, 08:53

Мне как ламеру ничего не понятно:( Кто-то это исправляет за денужку?