2011-12-29 4 views
0

Я довольно новичок в CSS и HTML, поэтому, пожалуйста, извините за отсутствие.Изменение размера фона в соответствии с текстом

Что я пытаюсь сделать, это получить основную область моего сайта для изменения размера в соответствии с количеством текста, содержащегося в нем.. Я искал и искал, но не смог найти подходящих ответов. Одна вещь, которую я пробовал, заключается в том, чтобы поместить каждый раздел в таблицу, но я не мог заставить его работать.

Любая помощь с благодарностью благодарит!

Благодаря размещения ограничений я не могу опубликовать изображение непосредственно: 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; 

} 
+0

Не могли бы вы разместить HTML и CSS, с которыми вы работаете в настоящее время? – mc10

+0

Да, конечно! 10chars – Brendan

+1

Вы запрашиваете кодировку всего макета. Просто Google, как создать простой макет с Div. Никогда не используйте таблицу для макета. –

ответ

0

http://ryanfait.com/sticky-footer/

Вот несколько линии CSS, которые делают трюк. Обнаружил это всего несколько дней назад.

+0

Отлично! Спасибо за это! – Brendan

+0

Добро пожаловать. – rfinz

Смежные вопросы