IgorBee
@IgorBee
JS,VBS,3D.Web с 07.2015

Как сделать ширину дива по весь экран?

ZqQ7eIm.png

welovepavel.esy.es/Kivi/HTML.html

width:100%;
как то не так работает

нужно чтобы фон синий растянулся на всю ширину экрана,а контент был фикс как есть сейчас.

23.09.15 15:30
jsfiddle.net/x28fLrpn
важно чтобы и контент был по центру...а не расплывался...


Спасибо!
  • Вопрос задан
  • 1509 просмотров
Решения вопроса 1
turbinikarpus
@turbinikarpus
<section>
    <div class="container">
      Контент
    </div>
  </section>


section {
 background-color:blue;
} /* Синий фон на всю ширину */
.container {
 margin: 0 auto;
 max-width: 980px;
}  /* Фиксированный контейнер с контентом */


Как написал Вячеслав убери max-width в body
Ответ написан
Пригласить эксперта
Ответы на вопрос 3
hronik87
@hronik87
Обитаю в 1С-Bitrix
body{
max-width: 1300px; //Убери
}
Ответ написан
grigruss
@grigruss
Пока не задал ни одного вопроса... только отвечаю.
У вас position:absolute. При таком параметре div минимизируется. Единственный простой и нормальный способ, через JS или jQuery определить ширину окна и применить min-width
$('div.button').css('min-width',$(window).width());

P.S.: Вячеслав верно заметил. max-width убрать.
Ответ написан
copist
@copist
Empower people to give
.hea {
   position: absolute;
   width: 100%;
   left: 0px;
}

codepen.io/copist/pen/wKzGeq
Ответ написан
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы