Самый эффективный способ иметь 100% заголовок и оболочку с фиксированным содержимым внутри? - PullRequest
Новая
       42

Самый эффективный способ иметь 100% заголовок и оболочку с фиксированным содержимым внутри?

0 голосов
/ 01 мая 2011

Каков наиболее эффективный способ иметь заголовок 100%, затем содержимое с фиксированной шириной и нижний колонтитул 100%?

Я пытаюсь ограничить свои дивы до максимума, но теперь я застрял ...

Кто-нибудь поможет?

Большое спасибо

1 Ответ

0 голосов
/ 01 мая 2011

Вот самая простая версия: 

<div class="header">
    <p>Header</p>
</div>
<div class="main">
    <p>Content</p>
    <p>Content</p>
    <p>Content</p>
</div>
<div class="footer">
    <p>Footer</p>
</div>

CSS: 

div {
    margin:0 auto;
}
.main{
    width:400px;
}

http://jsfiddle.net/Madmartigan/adkfF/3/

Вот версия с фиксированным внутренним содержимым верхнего и нижнего колонтитулаШирина для выравнивания с основным содержимым:

http://jsfiddle.net/Madmartigan/adkfF/1/

3 деления - это почти так же просто, как вы можете, я предположил, что вы хотите свести к минимуму ваших делений ине «ограничивай мои дивы до максимума» :)

...