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

Как сделать резиновую шапку а лого, меню, среднюю и правую колонку по фиксированной ширине?


     23.08.2016    Все вопросы » Общие вопросы по вёрстке    1382

вопрос
Как в стандартном шаблоне DLE 11, сделать:

1. Верхний хедер - по ширине 100%.
2. Расположить элементы logo и меню top_menu по ширине 1170px.
3. Средняя и правая колонка также по ширине 1170px.
Для наглядности
Как сделать резиновую шапку а лого, меню, среднюю и правую колонку по фиксированной ширине?



Ответа пока нет


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

Serge
Юзер

Serge - 23 августа 2016 12:04 -

Чтобы сейчас не расписывать со всем условиями, укажу что: <div class="wrp">(а именно в него обернута шапка), отвечает за максимальную ширину блока. Т.е., если изменить это ограничение на 100%, шапка тоже должна раздвинуться.

Правда учтите тот факт, что сам класс .wrp нельзя так просто изменить, ведь у вас тогда все элементы будут по все экрану, что плохо скажеться на верстке.

Ну, а за правый блок и блок новостей - задайте пропорциональную величину ширины, да и будет вам ваших 1170px

Grosso2020
Юзер

Grosso2020 - 23 августа 2016 12:35 -

Смотрите, я с делал так. <div wrp> вынес за пределы header и поставил перед container в css прописал width:1170px. Блок новостей и правая колонка встала как надо. класс .header сделал width:100% Но вот лого и меню разъехались(

Serge
Юзер

Serge - 23 августа 2016 15:33 -

Было бы хорошо увидеть это глазами, т.к. на пальцах тяжело определить что-то и подсказать.

Grosso2020
Юзер

Grosso2020 - 23 августа 2016 15:35 -

Решил вопрос. Путем - обертывания дополнительным блоком - лого и меню.

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

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

наверх