Otrokářské řešení pro vertikální centrování webu s fixní výškou
Yuhů to sice vyřešil, ale na mě moc složitě.
Více se mi líbí tohle řešení, které používá “otrocký div”.
V HTML mezi body a kontejner pro layout (#container) vložíme otroka:
...
<body>
<div id="layout-centering-slave"></div>
<div id="container">
...
V CSS pak máme:
html, body {
height: 100%;
}
#layout-centering-slave {
width: 1px;
height: 50%;
background-color: #fc6;
margin-bottom: -315px; /* polovina výšky #container */
float: left;
}
#container {
position: relative; /* umístíme jej přes #layout-centering-slave */
clear: left;
}Použito na Dream-Cars.
