Odpowiedź:
<html>
<head>
<style>
*{
margin: 0;
padding: 0;
}
footer{
border: 1px solid black;
}
body{
text-align: center;
}
.FixFloat{
clear: both;
border: 1px solid black;
}
.container {
display: table;
width: 100%;
}
.container div {
display: table-cell;
border: 1px solid black;
}
.container header{
display: table-cell;
border: 1px solid black;
}
</style>
</head>
<body>
<header class="container">
<header>BANER LEWY</header>
<header>BANER ŚRODKOWY</header>
<header>BANER PRAWY</header>
</header>
<div class="container">
<div>DIV LEWY</div>
<div>DIV PRAWY</div>
</div>
<div class="FixFloat">DIV GŁÓWNY</div>
<footer>FOOTER</footer>
</body>
</html>
Wyjaśnienie:
Zobacz czy ci działa
