У меня проблемы с тем, чтобы фоновое изображение охватило весь контент.
Я посмотрел на другие вопросы, и мне кажется, что мне нужно установить минимальную ширину 100% для каждого контейнера ... но я пробовал каждую комбинацию, и она все еще не работала.
Вот мой HTML:
<body>
<div id="container">
<div id="header">
header content...
</div>
<div id="content">
<div id="myAccountArea" class="section">
accountArea content...
</div>
<div id="myPostsArea" class="section">
postsArea content...
</div>
</div>
<div id="footer">
</div>
</div>
CSS:
html, body {
margin: 0;
padding: 0;
height:100%
}
body {
background: red;
}
#container {
padding-top: 80px;
margin-left: auto;
margin-right: auto;
width: 1000px;
min-width: 1000px;
}
#content {
min-width:1000px;
}
Проблема, с которой я сталкиваюсь, заключается в том, что содержимое postsArea обычно охватывает больше, чем окно браузера, а фон - нет.
Спасибо
EDIT
Хорошо, поэтому я сузил его до файла reset.css ... Какие-нибудь советы по обнаружению проблемы в этом файле?
Спасибо.