Vertical Center

[hackalive]

Hi guys,

 

I am trying to vertical center a div of which i know the height (height: 4in;)

 

I cannot seem to get it to work.

 

PS it MUST use "inches" as the unit of measurement, any help is greatly appreciated.

 

Cheers in advance.

[jonathonedney]

hackalive,

 

I would assume setting top and bottom margin values of auto would correct this, but I can't be certain.  I found this article, maybe it will help you.

 

http://blog.themeforest.net/tutorials/vertical-centering-with-css/

[hackalive]

Thanks jonathonedney!

[haku]

<div id="outer">
  <div id="inner">
    some content
  </div>
</div>

#outer
{
  height:500px;
  padding-top:50%;
}

#inner
{
  height:100px;
  margin-top:-50%;
}

 

Try that.