Не верно отображается баннер в шапке

@sergey_ku · Регистрация: 26.06.2015

Студворк — интернет-сервис помощи студентам

Доброго времени суток!
Проблема с сайтом http://the-best.company, а именно с баннером который не ровно отображается.
Нужно чтобы баннер отображался ровно как на ПК, так и на планшете и смартфоне.
Если в

CSS
1
2
3
4
5
6
7
8
.banner{
 
 
height: 418px;
max-width: 1040px;
min-width: 1020px;
background: url(../img/banner.png) no-repeat center;
}

Добавить

CSS
1
2
3
.banner{
margin-left: 442px;
}

То на ПК у меня баннер ровно отображается, а планшете баннер отображается не ровно.
Подскажите пожалуйста как поправить?

@Kenny7423 · 01.07.2015, 12:09

CSS
1
margin:0 auto;

@Fedor92 · 01.07.2015, 12:31

sergey_ku, у Вас не с баннером проблема... Точнее и с ним тоже... Также неровно стоит меню(ul.menu{width:1000px}) и ширина баннера(max-width:1020px поставьте вместо 1040) на глаз больше ширины центрального блока... Центрирование баннера уже сказали, как делать...

@sergey_ku · 02.07.2015, 11:32 **[ТС]**

Сделал как вы сказали. На ПК все отображается ровно. Но когда захожу со смартфона, то баннер получается длиннее меню.

Подскажите, как поправить?

@Fourd · 02.07.2015, 12:10

в .header задайте

CSS
1
2
  width: 1020px;
  margin: 0 auto;

Новые блоги и статьи Все статьи Все блоги /
SDL3 для Web (WebAssembly): Подключение Box2D v3, физика и отрисовка коллайдеров 8Observer8 12.02.2026 Содержание блога Box2D - это библиотека для 2D физики для анимаций и игр. С её помощью можно определять были ли коллизии между конкретными объектами и вызывать обработчики событий столкновения. . . .	SDL3 для Web (WebAssembly): Загрузка PNG с прозрачным фоном с помощью SDL_LoadPNG (без SDL3_image) 8Observer8 11.02.2026 Содержание блога Библиотека SDL3 содержит встроенные инструменты для базовой работы с изображениями - без использования библиотеки SDL3_image. Пошагово создадим проект для загрузки изображения. . .	SDL3 для Web (WebAssembly): Загрузка PNG с прозрачным фоном с помощью SDL3_image 8Observer8 10.02.2026 Содержание блога Библиотека SDL3_image содержит инструменты для расширенной работы с изображениями. Пошагово создадим проект для загрузки изображения формата PNG с альфа-каналом (с прозрачным. . .	Установка Qt-версии Lazarus IDE в Debian Trixie Xfce volvo 10.02.2026 В общем, достали меня глюки IDE Лазаруса, собранной с использованием набора виджетов Gtk2 (конкретно: если набирать текст в редакторе и вызвать подсказку через Ctrl+Space, то после закрытия окошка. . .
SDL3 для Web (WebAssembly): Работа со звуком через SDL3_mixer 8Observer8 08.02.2026 Содержание блога Пошагово создадим проект для загрузки звукового файла и воспроизведения звука с помощью библиотеки SDL3_mixer. Звук будет воспроизводиться по клику мышки по холсту на Desktop и по. . .	SDL3 для Web (WebAssembly): Основы отладки веб-приложений на SDL3 по USB и Wi-Fi, запущенных в браузере мобильных устройств 8Observer8 07.02.2026 Содержание блога Браузер Chrome имеет средства для отладки мобильных веб-приложений по USB. В этой пошаговой инструкции ограничимся работой с консолью. Вывод в консоль - это часть процесса. . .	SDL3 для Web (WebAssembly): Обработчик клика мыши в браузере ПК и касания экрана в браузере на мобильном устройстве 8Observer8 02.02.2026 Содержание блога Для начала пошагово создадим рабочий пример для подготовки к экспериментам в браузере ПК и в браузере мобильного устройства. Потом напишем обработчик клика мыши и обработчик. . .	Философия технологии iceja 01.02.2026 На мой взгляд у человека в технических проектах остается роль генерального директора. Все остальное нейронки делают уже лучше человека. Они не могут нести предпринимательские риски, не могут. . .

@Fedor92 2964 / 2621 / 1068 Регистрация: 15.12.2012 Сообщений: 10,091 Записей в блоге: 11
	01.07.2015, 12:31
	sergey_ku, у Вас не с баннером проблема... Точнее и с ним тоже... Также неровно стоит меню(ul.menu{width:1000px}) и ширина баннера(max-width:1020px поставьте вместо 1040) на глаз больше ширины центрального блока... Центрирование баннера уже сказали, как делать... 0

@sergey_ku 0 / 0 / 0 Регистрация: 26.06.2015 Сообщений: 159
	02.07.2015, 11:32 [ТС]
	Сделал как вы сказали. На ПК все отображается ровно. Но когда захожу со смартфона, то баннер получается длиннее меню. Подскажите, как поправить? 0