Форум программистов, компьютерный форум, киберфорум
Наши страницы
HTML5: мобильные приложения
Войти
Регистрация
Восстановить пароль
 
JjHoho
0 / 0 / 0
Регистрация: 07.02.2018
Сообщений: 1
1

Адаптивная верска 320-1920 + слайдер на всю ширину экрана

07.02.2018, 21:21. Просмотров 232. Ответов 0

Здравствуйте! Такой вопрос. Стоит задача адаптивной верстки макета 320-1920. Слайдер с подписью стоит на всю ширину экрана
на заднем плане. Поверх него распологается шапка сайта и выпадающее меню.
Я сначала сделал вот такую структуру.

<div [/B]class="container"> /*max-width: 1920px; margin: 0 auto;*/

<div class="header"> /*position: relative; width: 100%;*/

<div class="slider"></div> /*position: absolute;*/
<div class="title"></div> /*position: absolute;*/(подпись к слайдеру)

</div>
<div class="header-menu"></div> /*position: relative; width: 100%;*/

</div>
Макет я сверстал на Grid. Но когда начал делать адаптив, понял что верстка ужас. Я в этом деле новичок. Подскажите в нескольких строчках разметки как правильно создать структуру и на чем сверстать(bootstarap, flex...)
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
Similar
Эксперт
41792 / 34177 / 6122
Регистрация: 12.04.2006
Сообщений: 57,940
07.02.2018, 21:21
Ответы с готовыми решениями:

Нарисовать с помощью отдельных точек синусоиду зеленого цвета в центре экрана на всю ширину экрана
Нарисовать с помощью отдельных точек синусоиду зеленого цвета в центре экрана...

Div на всю ширину экрана
простейшая казалось бы задачка. однако если указывать width 100% он не...

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

Отображение сайта на всю ширину экрана
Добрый день. Подскажите кому не сложно, как справится с задачей: верстал макет...

Несколько элементов на всю ширину экрана
Доброго времени суток. У меня имеется коллекция объектов, которые...

0
MoreAnswers
Эксперт
37091 / 29110 / 5898
Регистрация: 17.06.2006
Сообщений: 43,301
07.02.2018, 21:21

Сайт не отображается на всю ширину экрана
Сайт не отображается на всю ширину экрана мобильного телефона(ширина моего...

Растягивание блока на всю ширину экрана
Всем привет! кто подскажет как сделать что бы блок растягивался на всю ширину...

Растянуть страницу на всю ширину экрана
Подскажите, как растянуть html страницу на всю ширину экрана?


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
1
Ответ Создать тему
Опции темы

КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin® Version 3.8.9
Copyright ©2000 - 2018, vBulletin Solutions, Inc.
Рейтинг@Mail.ru