самый простой способ расположить жесткий сайт по середине - через margin:auto родительского дива (тут родительский див для всей структуры - #site):
<style>
body{margin:0px;padding:0px}
#wrapper{width:100%;height:100%;}
#site{margin:auto;width:900px;height:750px;background-color:#00FFFF;}
#header{height:200px;background-color:#FFFF99;}
#main{height:500px;background-color:#99FF66;}
#menu{float:left;width:20%;height:500px;background-color:#009900}
#content{float:left;width:60%;height:500px;background-color:#99FF99}
#news{float:left;width:20%;height:500px;background-color:#0066FF}
#footer{height:200px;background-color:#CCCCCC}
</style>
<body>
<div id="wrapper">
<div id="site">
<div id="header"></div>
<div id="main">
<div id="menu"></div>
<div id="content"></div>
<div id="news"></div>
</div>
<div id="footer"></div>
</div>
</div>
</body>
В таком случае, если нет статичных элементов, абсолютное позиционирование не требуется.
Не заметил вопроса. Абсолютный элемент располагается относительно родительского абсолютного(!) элемента. Если выше уровнем нет абсолютных элементов, относительно которых он мог бы позиционироваться, то он позиционируется относительно границ экрана.
<style>
#block{position:absolute;width:500px;height:500px;}
#block2{position:absolute;right:0px;bottom:0px;width:200px;height:200px;
background-color:#FF0000;}
</style>
<body><div id="block">
<div id="block2">
</div></div></body>
п.с.
Это не мой учебник, это первая выдача гугеля.
Юлия, вы во многом сэкономите свое время, если хотя бы мельком пробежитесь по
http://www.htmlbook.ru/.
