Vertically centered div?

Try the following CSS instead: html,body { width:100%; height:100%; margin:0; padding:0; border:1px solid #000; } #w { display:table; height:100%; width: 100%; } #iw { display:table-cell; text-align:center; height:100%; width:100%; vertical-align:middle; } #iw a img { -moz-box-shadow:0 1em 1em #444; -webkit-box-shadow:0 1em 1em #444; -o-box-shadow:0 1em 1em #444; box-shadow:0 1em 1em #444; -moz-border-radius:10px; -webkit-border-radius:10px; -o-border-radius:10px; border-radius: 10px; } See this in an updated fiddle: jsfiddle.net/zjWaz/1.

Beat me to it. When using this technique for centering elements vertically, height:100% must be applied to all containing elements. Way to go, Ujjwal!

+1 – Nathan Arthur Sep 20 at 17:35 the important things to note here are: After testing; the height property is not needed for the iw element. Table-cells by default will fill/assume height and width of their parent table. And I was also only applying the height/width properties to the body and not html (which is key) +1 check.

– rlemon Sep 20 at 18:46.

If you know width and height easier would be to position iw absolute, top: 50%; left: 50% and set negative margin half height and width (lets say width/height are 200px that way margin: -100px 0 0 -100px ).

You don't need any js or like something, just apply the style as a table: display:table and table row with 100%. Look up for more info here: linuxandfriends.com/2009/04/04/how-to-st... Or better, you can do it with a div fixed.

Check this Css body { width:100%; margin:0; padding:0; } #w { display:table; width: 100%; } #iw { width:100%; height:100%; position:absolute; left:50%; top:50%; margin-left:-100px; margin-top:-50px; } #iw a img { -moz-box-shadow:0 1em 1em #444; -webkit-box-shadow:0 1em 1em #444; -o-box-shadow:0 1em 1em #444; box-shadow:0 1em 1em #444; -moz-border-radius:10px; -webkit-border-radius:10px; -o-border-radius:10px; border-radius: 10px; } Also check Updated Fiddle. jsfiddle.net/zjWaz/4/ Hope you get your answer.

I cant really gove you an answer,but what I can give you is a way to a solution, that is you have to find the anglde that you relate to or peaks your interest. A good paper is one that people get drawn into because it reaches them ln some way.As for me WW11 to me, I think of the holocaust and the effect it had on the survivors, their families and those who stood by and did nothing until it was too late.

Related Questions