Центрирование содержимого с использованием системы координат 960 - PullRequest
0 голосов
/ 22 декабря 2011

Звучит просто, но. Я просто не в состоянии это сделать. Вот что у меня есть:

<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>

Мне нужно, чтобы div с grid_6 был вертикально выровнен по центру для любого типа экрана. Кажется, что основной div с container_12 просто не принимает всю высоту страницы !? Как я могу разместить содержимое div в середине экрана?

Ответы [ 2 ]

0 голосов
/ 07 октября 2012
*{  
   margin:0;  
   padding:0;  
}  

body{  
   text-align:center; /*For IE6 Shenanigans*/  
}  

#wrapper{  
   width:960px;  
   margin:0 auto;  
   text-align:left;  
}  
0 голосов
/ 22 декабря 2011

укажите идентификатор вашего контента 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';
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...