ansaurus

Question

centering image vertically in all resolutions

Answer 1

A:

If a fixed-height div is an option then you can use position absolute with top 50% and then use a negative margin to position the div. I tested the following in FF3.6, IE6, IE8 and Chrome.

<html>
<head>
  <style>
    #vertCenter {
        height: 400px; 
        position: absolute; 
        top: 50%; 
        margin-top: -200px;
        border: 1px green solid;
    }
  </style>
</head>

<body>
  <div id="vertCenter">
        any text<br>
        any height<br>
        any content, for example generated from DB<br>
        everything is vertically centered
  </div>
</body>
</html>

Sam 2010-05-06 01:12:34

Answer 2

A:

The code here is less horrible than that of jakpsatweb.cz.

reisio 2010-05-06 01:15:15

ansaurus

tags:

views:

answers:

centering image vertically in all resolutions

related questions