Позиционировать див div посредине.
Суть данного вопроса заключается в позиционировании контейнера, которым выступает div или слой (layer), посредине окна браузера, без использования javascript. Эта простая задача решается с помощью CSS.
Сначала нужно в html документе указать тег <!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01//EN” “http://www.w3.org/TR/html4/strict.dtd”>, подробнее об этом здесь. После этого, нужно прописать вот такой стиль:
#container{
position:relative;
width:1000px;
height:auto;
margin:0 auto;
}
Див с ИД= «container» будет находится посредине окна браузера. Все остальные элементы разметки должны быть в этом контейнере, и позиционироваться относительно его как родителя (position:relative;).
Вот так, приблизительно, должна выглядеть ваша html страница:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Слой посредине</title>
<style>
*{
background:none;
padding:0;
margin:0;
width:100%;
height:100%;
}
body{
width:100%;
height:100%;
font-family:"Times New Roman";
font-size:14px;
}
#conteiner{
position:relative;
width:1000px;
height:auto;
margin:0 auto;
}
#info{
position:relative;
top:10px;/*не обязательно*/
left:0px;/*не обязательно*/
width:100%;
height:300px;
background-color:#FF0000;
}
</style>
</head>
<body>
<div id="conteiner">
<div id="info">Познавательна страничка</div>
</div>
</body>
</html>
По поводу стиля * и стиля body читайте здесь.