Вопросы Теги

CSS: высота Отделения Набора к 100% - Пиксели

@fossfreedom - проблема была решена обновление BIOS к новому. Спасибо за подсказку! Посмотрите доступный вывод памяти после изменения: 

administrator@Root2:~$ free -m
             total       used       free     shared    buffers     cached
Mem:          4026       1105       2921          0         45        311
-/+ buffers/cache:        748       3278
20
задан Himanshu Vaghela 30 June 2016 в 08:45
поделиться

4 ответа

Отрицательные поля, конечно!

HTML 

<div id="header">
    <h1>Header Text</h1>
</div>
<div id="wrapper">
    <div id="content">
        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur 
        ullamcorper velit aliquam dolor dapibus interdum sed in dolor. Phasellus 
        vel quam et quam congue sodales.
    </div>
</div>

CSS 

#header
{
    height: 111px;
    margin-top: 0px;
}
#wrapper
{
    margin-bottom: 0px;
    margin-top: -111px;
    height: 100%;
    position:relative;
    z-index:-1;
}
#content
{
    margin-top: 111px;
    padding: 0.5em;
}
0
ответ дан 29 November 2019 в 22:46
поделиться

Я предполагаю, что вы пытаетесь получить липкий нижний колонтитул

1
ответ дан 29 November 2019 в 22:46
поделиться

Я добавил свойство height в теги body и html .

HTML: 

<body>
<div id="wrapper">
 <div id="header">header</div>
 <div id="content">content</div>
</div>

CSS: 

html, body
{
    height: 100%;
    min-height: 100%;
    margin: 0;
    padding: 0;
}
#wrapper
{
    height: 100%;
    min-height: 100%;
}
#header
{
    height: 111px;
}
22
ответ дан 29 November 2019 в 22:46
поделиться

В качестве альтернативы вы можете просто использовать position: absolute : 

#content
{
    position:absolute;
    top: 111px;
    bottom: 0px;
}

Однако IE6 не любит объявления top и bottom. Но веб-разработчикам не нравится IE6.

6
ответ дан 29 November 2019 в 22:46
поделиться