@TimTulin

Почему divы, без ширины, обрезаются с правой стороны при маленьких разрешениях браузера?

Верстаю сайты, давно заметил, что когда даешь DIV (фоновый, которому просто задаешь фон).
Например




.bg {
background: url(../images/bg1.png) no-repeat center top;
min-height:300px;
}
.newblock {
width:1000px;
margin:0 auto;
background:white;
}

То есть, задается блок с фоном разрешением примерно 1980, в нем блок с шириной 1000px(фиксированная ширина), и когда браузер уменьшить, или посмотреть на экранах маленького разрешения меньше 1000px, то фон будет обрезан, показал на скриншотах ниже.

6d00d67e420285e40e47989dfba933f9.png

777089bac19b42d3febdeb4af134b1da.png

Проблема решается если добавить фону min-width большую чем блок 1000px, но тогда сайт будет смещен немного и в маленьких экранах, справа будет немного пустого места
  • Вопрос задан
  • 6099 просмотров
Решения вопроса 1
mrdubz
@mrdubz
front end developer
<meta name = "viewport" content = "width = 1000">
Ответ написан
Пригласить эксперта
Ответы на вопрос 4
mrdubz
@mrdubz
front end developer
Вообще не ок делать {margin: 0 auto;} для body

используйте внутри дополнительный блок, который задает ширину и центровку относительно body
Ответ написан
mrdubz
@mrdubz
front end developer
Вот так, и все будет по центру

<style>
.wrap {
width: 1000px;
margin: 0 auto;
}
</style>

<body>

<div class="block-1">
   <div class="wrap">
      Ваш контент
   </div>
</div>

<div class="block-2">
   <div class="wrap">
      Ваш контент
   </div>
</div>

</body>
Ответ написан
dabich
@dabich
Web Developer
Попробуй вот так, если я понял суть.
.bg {
    background: url(../images/bg1.png) no-repeat center top;
    min-height: 300px;
    width: 100%;
}
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
10 июл. 2020, в 19:54
4000 руб./за проект
10 июл. 2020, в 18:55
4000 руб./за проект