html – vertical-align in div with height 100%

Here\’s my situation: I\’m trying to make a page with two DIVsfilling whole page (height 100%, width 50% each). Also, the content in the DIVs is to be vertically aligned to middle.

Is there an easy way to achieve this without hacks or javascript?

I\’ve tried body,html{height:100%;} .mydiv {display:table-cell;height:100%;vertical-align-middle}

but that doesn\’t work…and with that code, i have to specify width in pixels instead of percentage

Rating: 1 out of 5 based on 3 ratings

Posts Related to html - vertical-align in div with height 100%

• Jul 22nd, 2012 html - Last DIV fill remainder of parent DIV height (no JS or absolute position) Sunday AM 07:36:52


• Jul 22nd, 2012 jquery - Javascript: get image size Sunday AM 11:56:44


• Jul 21st, 2012 javascript - How to make a div adjust height for contained content? Saturday AM 11:48:36


• Jul 19th, 2012 html - How to get the image width and height using Javascript? Thursday AM 09:45:58


• Jul 19th, 2012 Change object height with javascript variables Thursday AM 03:35:27


• Jul 19th, 2012 syntax - Printing complex strings in javascript without + symbol Thursday AM 08:26:03


• Jul 09th, 2012 javascript - A way to change a CSS value when another CSS value changes? Monday AM 01:54:14


• Aug 12th, 2012 javascript to determine table width/height Sunday AM 04:42:39


• Aug 11th, 2012 php - Infinite scroll Saturday AM 02:09:58


• Jul 31st, 2012 javascript - Blank all fields within a table Tuesday PM 14:05:50

The post html – vertical-align in div with height 100% appeared first on Javascript ASK.

via Javascript ASK http://javascriptask.phpfogapp.com/html-vertical-align-in-div-with-height-100.html