Дизайн и креатив: разработка от профессионалов
http://uptimecommerce.com/forum/

Проблемы с HTML версткой
http://uptimecommerce.com/forum/viewtopic.php?f=22&t=554		 Страница 2 из 2
Автор:  dimsem [ 15 авг 2009, 17:18 ]
Заголовок сообщения:  Re: Проблемы с HTML версткой
самый простой способ расположить жесткий сайт по середине - через 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/.
Автор:  Иван Скворцов [ 15 авг 2009, 17:49 ]
Заголовок сообщения:  Re: Проблемы с HTML версткой
<body>
<div align="center" style="width: 100%">
<div style="700px; text-align:left">

блок по центру

</div>
</div>
</body>

Вот так это сделать просто))) Все что внутри нижнего блока будет по цнтру) ширина 700 пикселей)
Автор:  dimsem [ 15 авг 2009, 17:58 ]
Заголовок сообщения:  Re: Проблемы с HTML версткой
Вынос стилизации за рамки css - в сильнейшей степени моветон.
Автор:  Apriori [ 16 авг 2009, 05:41 ]
Заголовок сообщения:  Re: Проблемы с HTML версткой
Спасибо большое , Максим, вы мне очень помогли!
Автор:  voronmail [ 17 авг 2009, 06:53 ]
Заголовок сообщения:  Re: Проблемы с HTML версткой
И все таки, на старых мониторах контент упрямо съезжает под менюшку! Ну что еще делать? http://zemproect.ru/index.html - может увидите? код разметки можно посмотреть в браузере, а стили:
@charset "utf-8";
/* CSS Document */
html, body {
margin: 0px;
padding: 0px;
height: auto;
width: auto;
border: 0px;
}
body {
background-color: #CCCCCC;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 12px;
color: #666666;
margin-left:3px;
margin-right:3px;
}
#wrapper{width:100%; height:100%; background-color: #CCCCCC;}
#site{margin:auto; width:930px; height:1150px; background-color:#FFFFFF;}
#header{height:190px; clear:both; margin:0px; padding:0px; width:930px; z-index:1;}
#main{height:800px; background-color:#FFFFFF; margin:0px; padding:0px;}
#menu{float:left; background-color:#FFFFFF; width:270px;margin:0px;
padding:0px;}

#content{float:left; width:408px; height:115px; background-color: #FFFFFF; padding:10px;}
#news{float:left; width:199px; clear:right; padding:0px;}
#novosty{
float:right;
background-color: #E6E6E6;
font-size:10px;
padding:5px;
}
#bottom {
margin-top:10px;
width:930px;
height:48px;
clear:both;
background-image: url(image/bottom.gif);
background-repeat: repeat-x;
}

#statyi {
padding:5px;
background-image: url(image/kart.jpg);
background-repeat:no-repeat;
font-size:9px;
float:left;
height: 450px;

}

Все вроде сделала, как посоветовал Максим....
Автор:  dimsem [ 17 авг 2009, 07:45 ]
Заголовок сообщения:  Re: Проблемы с HTML версткой
Проблема кажется в Layer1 с 313px left.
Автор:  voronmail [ 17 авг 2009, 08:23 ]
Заголовок сообщения:  Re: Проблемы с HTML версткой
Прошу прощения, Максим, дело в том, что моя хостинговая компания еще не обновила исправленную версию сайта! Спасибо тебе еще раз, за потраченное на меня время!!!
Страница 2 из 2 Часовой пояс: UTC
Powered by phpBB © 2000, 2002, 2005, 2007 phpBB Group
http://www.phpbb.com/