Я совершенно новичок в CSS и HTML, поэтому, пожалуйста, извините за noobness.
Я пытаюсь изменить размер основной области моего сайта в соответствии с количеством текста, содержащегося в нем .Я искал и искал, но не смог найти подходящих ответов.Одна вещь, которую я попробовал, это поместить каждый из «разделов» в таблицу, но я не смог заставить его работать.
Любая помощь очень ценится, спасибо!
Из-за ограничений на публикацию я не могу опубликовать изображение напрямую: http://img402.imageshack.us/img402/6084/sitevuc.png
Вот HTML:
<body>
<div id="header"></div>
<div id="main"><p>Content</p><p>Content</p><p>Content</p><p>Content</p></div>
<div id="footer"></div>
</body>
Вот CSS:
#header {
background: url(images/bg_pages.png) repeat-x;
min-height: 973px;
min-width: 1680px;
}
#main {
background:#fff;
min-height: 100px;
min-width: 1680px;
}
#footer {
background:url(images/footer_pages.png);
min-height: 51px;
min-width: 1680px;
}