Вопрос по html, css, stretch – DIV фон не растягивается должным образом

1

У меня есть следующий HTML-код:

<style>
body {
background:#547c15;
margin:0;
padding:0;
}
#inner {
margin:0 auto;
width:1298px;
}
#outer {
background:#000;
}
</style>
<div id="outer">
  <div id="inner">
    <br><br><br><br><br><br><br><br><br><br>
  </div>
</div>

Когда я смотрю это на широкоэкранном мониторе, все в порядке. Но когда я смотрю это на старом ЭЛТ-мониторе с разрешением 800X600, внешний div не полностью растянут по внутреннему div. Внизу есть свиток (из-за того, что внутренний div равен 1298px), но внешний div растягивается только до 800px (см. Изображение ниже).

Problem with DIV stretch

Может кто-нибудь помочь мне с этим? Я хочу, чтобы внешний div всегда был на 100% ширины (то есть цвет фона / изображение всегда должно полностью растягиваться, даже если есть горизонтальная полоса прокрутки).

Заранее большое спасибо.

Дай этоmin-width: 1298px тоже? Ry-♦
#rohan, вы когда-нибудь решали это? Я вижу то же самое поведение и не могу его объяснить. Jacques

Ваш Ответ

2   ответа
0

В вашем #outer добавить это:

    float:left; width:100%;
Избавиться еслиwidth: 100% и это будет работать.float заставляет div оборачиваться на ширину дочерних элементов, но затемwidth: 100% отменяет этот эффект и делает его шириной окна браузера и возвращает к исходной проблеме
0

Дайте внешнее делениеwidth:100%; чтобы изменить его размер, чтобы он содержал внутреннее содержимое, я думаю, что он будет работать, если в случае, если он не работает, чем использоватьmin-width:1298px;

Похожие вопросы