<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html>
<head>
<title>Universal vertical center with CSS</title>
<style>
.greenBorder {border: 1px solid green;} /* just borders to see it */
</style>
</head>
<body>
<div class="greenBorder" style="display:
table; height: 400px;
#position:
relative; overflow: hidden;">
<div style=" #position: absolute;
#top: 50%;display: table-cell; vertical-align: middle;">
<div class="greenBorder" style="
#position: relative;
#top: -50%">
any text<br>
any height<br>
any content, for example generated from DB<br>
everything is vertically centered
</div>
</div>
</div>
</body>
</html>
Brak komentarzy:
Prześlij komentarz