Все сервисы Хабра
Сообщество IT-специалистов
Ответы на любые вопросы об IT
Профессиональное развитие в IT
Закрыть
Задать вопрос
Игорь
@IgorBee
JS,VBS,3D.Web с 07.2015
JavaScript
HTML
CSS
Веб-разработка
Как сохранить такие пропорции сайта на ширине +1900хр?
max-width не помогает
stroytech.pe.hu
сам сайт
responsivepx.com
для теста
P.S.с планшета данная версия сайта неплохо отображается,конечно же желательно учесть и это.
Спасибо большое!
Вопрос задан
более трёх лет назад
327 просмотров
Комментировать
Подписаться
1
Оценить
Комментировать
Facebook
Вконтакте
Twitter
Решения вопроса
1
Therapyx
@Therapyx
Data Science
Вот пример слепил, все работает )
https://jsfiddle.net/1sb56ayu/
Ответ написан
более трёх лет назад
13
комментариев
Нравится
1
13
комментариев
Facebook
Вконтакте
Twitter
Игорь
@IgorBee
Автор вопроса
прописал,но не работает это при ширине экрана овер 1400хр
Написано
более трёх лет назад
Therapyx
@Therapyx
Игорь
: видимо ты просто не туда вставляешь, закинь структуру совего сайта на
https://jsfiddle.net/
я посмотрю где там у тебя ошибка, так не сказать...
Написано
более трёх лет назад
Игорь
@IgorBee
Автор вопроса
Therapyx
: а у вас экран более 1500рх ?
если да то можете показать пожалуйста скрин,корректно ли отображается сайт.
спасибо.
Написано
более трёх лет назад
Therapyx
@Therapyx
Игорь
: смотри,
ipic.su/img/img7/fs/Bezymyannyj.1442071632.png
все отображается правильно, НО! Та картинка, что уже внутри, имеет снова Margin по бокам где-то в 200.5px
Написано
более трёх лет назад
Therapyx
@Therapyx
Игорь
: поэтому смотрится так
Написано
более трёх лет назад
Therapyx
@Therapyx
Игорь
: если навести на "< div class="pic" > < /div > то будет видно
Написано
более трёх лет назад
Игорь
@IgorBee
Автор вопроса
Therapyx
: а чем плохо что она имеет маргин по бокам 200?
Написано
более трёх лет назад
Therapyx
@Therapyx
Игорь
: нуууу как-то смотрится не так, как-будто "сломалось" :)
Написано
более трёх лет назад
Игорь
@IgorBee
Автор вопроса
Therapyx
:а что ты предлагаешь сделать?
убрать эти 200 или что?
Написано
более трёх лет назад
Therapyx
@Therapyx
Игорь
: да, чтобы края были как внизу белые блоки, т.е. там нужен где-то марджин: 70.
Написано
более трёх лет назад
Therapyx
@Therapyx
Игорь
: нашел еще 1 косяк. У тебя в классе .pic стоит margin: 0 auto; - это не надо так :)
Написано
более трёх лет назад
Игорь
@IgorBee
Автор вопроса
Therapyx
: даш свой скайп пожалуйста или вк?
очень интересно обсудить с тобой)
https://vk.com/id309751762
вот мой вк
Написано
более трёх лет назад
Therapyx
@Therapyx
Игорь
: можно, но я сейчас ухожу на праздник, а буду очень поздно. Так что только если завтра...Скайп напишу в вк.
Написано
более трёх лет назад
Пригласить эксперта
Ответы на вопрос
1
Дмитрий
@By_Engine
body {
max-width: 1300px;
margin: 0 auto;
}
Ответ написан
более трёх лет назад
1
комментарий
Нравится
1
1
комментарий
Facebook
Вконтакте
Twitter
Игорь
@IgorBee
Автор вопроса
i.imgur.com/N37BKTJ.png
Добавил,но не работает.
Написано
более трёх лет назад
Ваш ответ на вопрос
Войдите, чтобы написать ответ
Войти через центр авторизации
Похожие вопросы
CSS
+2 ещё
Простой
Вёрстка анимированой кнопки — как реализовать?
1 подписчик
вчера
90 просмотров
0
ответов
JavaScript
+2 ещё
Простой
Почему electron приложение после нотаризации не запускается на других маках?
1 подписчик
вчера
105 просмотров
0
ответов
JavaScript
Простой
Как реализовать счетчик мульти-слайдера?
1 подписчик
21 авг.
80 просмотров
2
ответа
CSS
Простой
Как адаптивно верстать рванные блоки?
1 подписчик
21 авг.
323 просмотра
1
ответ
JavaScript
Сложный
Какая карта может строить линии с текстом?
1 подписчик
21 авг.
109 просмотров
0
ответов
JavaScript
+3 ещё
Простой
Магазин на Prestashop 9 — как разрешить скрипты на cms страницах при редактировании в админке?
1 подписчик
20 авг.
78 просмотров
1
ответ
HTML
+1 ещё
Простой
Как скрыть предпросмотр ссылки в преднабранном тексте Telegram (?=text...)?
1 подписчик
20 авг.
94 просмотра
2
ответа
JavaScript
Простой
Как правильно пользоваться функцией onScroll встроенной в anime.js?
1 подписчик
20 авг.
79 просмотров
1
ответ
CSS
Простой
Как сделать полноценную обводку у clip-path?
2 подписчика
19 авг.
159 просмотров
0
ответов
Веб-разработка
Простой
Как редактировать сайт?
1 подписчик
19 авг.
284 просмотра
5
ответов
Показать ещё
Загружается…
Вакансии с Хабр Карьеры
Fullstack Разработчик (Next.js / JavaScript / TypeScript)
App Company
от 150 000 до 300 000 ₽
Fullstack Разработчик (Next.js / JavaScript / TypeScript)
Оффер Под Ключ 🔑
от 100 000 до 150 000 ₽
Fullstack JavaScript разработчик
Wanted
от 180 000 до 240 000 ₽
Минуточку внимания
Войдите на сайт
Чтобы задать вопрос и получить на него квалифицированный ответ.
Войти через центр авторизации
Закрыть
Реклама