Ну, я здесь, потому что я попробовал все, что нашел на этом сайте. Не удалось выяснить, как сделать id = "content" div взять оставшуюся высоту, хотя мне удалось сделать нижний колонтитул снизу.Сделать div взять оставшуюся высоту
CSS
<style>
html, body {
margin:0;
padding:0;
height:100%;
position:relative;
background:transparent url(/Site%201/image/bg/17.jpg) no-repeat top center;background-attachment: fixed;
}
#mainPage {
width:1099px;
margin-left: auto;
margin-right: auto;
background-color:#fff;
height:100%;
position:relative;
}
#header {
display:table-row;
}
#content {
padding-bottom:35px;
background:#FAFAFA;
}
#footer {
width:100%;
height:35px;
position:absolute;
bottom:0;
left:0;
display:table-row;
}
</style>
HTML
<div ID="mainPage" align="center">
<div id="header">
<?php
$spath = $_SERVER['DOCUMENT_ROOT'];
$spath .= "/site1/header.html";
include_once($spath);
?>
</div>
<div id="content">
test
</div>
<div id="footer">
<?php
$spath = $_SERVER['DOCUMENT_ROOT'];
$spath .= "/site1/footer.html";
include_once($spath);
?>
</div>
</div>
(Игнорируйте PHP часть, я включил его здесь, чтобы посмотреть фантазии: DD)
Вы считаете [flexbox] (https://css-tricks.com/snippets/css/a-guide-to-flexbox/) для макета? – Jason
Нет, есть ли какой-то учебник/урок? – Turismo98
Ну, я предоставил вам ссылку, чтобы вы начали. Об этом также сообщается около миллиарда статей в Интернете. – Jason