benedictus eredeti hozzászólása
Ha már itt tartunk, tud valaki pársoros megoldást esetleg div screenhez való vertikális középre helyezéshez?
Fogsz egy 100% magas divet, aminek adsz egy display:table értéket, majd belepakolsz egy másik divet, aminek adsz egy display:table-cell értéket, és így már használhatod rá a vertical-align-ot:
Kód:
<style>
html {
height:100%;
}
body {
height:100%;
margin:0px;
}
</style>
<body>
<div style="display:table; height:100%;">
<div style="display:table-cell; vertical-align:middle;">
Egy kevés szöveg<br>
Ami a képernyő közepén<br>
Jelenik meg.
</div>
</div>
</body>
Nem tudom mennyire cross-browser, nálam a modernebb böngészők új verziói alatt tökéletesen megy. Igazából a kódot két helyről ollóztam netről + saját fejemből, aztán kiszedtem belőle a felesleges részeket. Gyanítom, ilyen formában már tuti cross-browser:
Kód:
<style>
html {
height:100%;
}
body {
height:100%;
margin:0px;
}
</style>
<body>
<div style="display:table; height:100%; #position: relative; overflow: hidden;">
<div style="#position:absolute; #top:50%; display:table-cell; vertical-align:middle;">
<div style="#position:relative; #top: -50%;">
Egy kevés szöveg<br>
Ami a képernyő közepén<br>
Jelenik meg.
</div>
</div>
</div>
</body>
Könyvjelzők