Home/ Questions/Q 7000847
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-27T20:43:32+00:00

This sounds easy but. I am simply not able to do it. Here is

  • 0

This sounds easy but. I am simply not able to do it. Here is what I have:

<h1>Head </h1>
<div class="container_12" >
    <div class="grid_6">
        <h1>Heading one</h1>
        <p>Content and Images</p>
    </div>
        <h1>Heading two</h1>
        <p>Content and Images</p>
    </div>
    <div class="grid_12">The footer</div>
    </div>
<body>
</body>

I need the divs with grid_6 to vertically aligned in middle for any type of screen. It seems the main div with container_12 just doesn’t take the page’s full height!? How can I have the content div float in middle of the screen?

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    give id to your content div

    var screenheight = document.body.clientHeight;
var content_div_height = document.getElementById("content_div_id").offsetHeight;
var content_div_top = (screenheight/2) - (content_div_height/2)
document.getElementById("content_div_id").style.top = content_div_top + 'px';
    • 0