Текущее время: 28 мар 2024, 19:27




 Страница 2 из 2 [ Сообщений: 17 ]  На страницу Пред.  1, 2
Автор Сообщение
 Заголовок сообщения: Re: Проблемы с HTML версткой
СообщениеДобавлено: 15 авг 2009, 17:18 
Аватар пользователя

Зарегистрирован: 25 мар 2009, 16:35
Сообщений: 70
самый простой способ расположить жесткий сайт по середине - через 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/.


   
 
 Заголовок сообщения: Re: Проблемы с HTML версткой
СообщениеДобавлено: 15 авг 2009, 17:49 
Аватар пользователя

Зарегистрирован: 27 апр 2009, 08:42
Сообщений: 31
<body>
<div align="center" style="width: 100%">
<div style="700px; text-align:left">

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

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

Вот так это сделать просто))) Все что внутри нижнего блока будет по цнтру) ширина 700 пикселей)


   
 
 Заголовок сообщения: Re: Проблемы с HTML версткой
СообщениеДобавлено: 15 авг 2009, 17:58 
Аватар пользователя

Зарегистрирован: 25 мар 2009, 16:35
Сообщений: 70
Вынос стилизации за рамки css - в сильнейшей степени моветон.


   
 
 Заголовок сообщения: Re: Проблемы с HTML версткой
СообщениеДобавлено: 16 авг 2009, 05:41 
Аватар пользователя

Зарегистрирован: 14 авг 2009, 06:32
Сообщений: 15
Спасибо большое , Максим, вы мне очень помогли!


   
 
 Заголовок сообщения: Re: Проблемы с HTML версткой
СообщениеДобавлено: 17 авг 2009, 06:53 
Аватар пользователя

Зарегистрирован: 09 авг 2009, 09:54
Сообщений: 10
И все таки, на старых мониторах контент упрямо съезжает под менюшку! Ну что еще делать? 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;

}

Все вроде сделала, как посоветовал Максим....


   
 
 Заголовок сообщения: Re: Проблемы с HTML версткой
СообщениеДобавлено: 17 авг 2009, 07:45 
Аватар пользователя

Зарегистрирован: 25 мар 2009, 16:35
Сообщений: 70
Проблема кажется в Layer1 с 313px left.


   
 
 Заголовок сообщения: Re: Проблемы с HTML версткой
СообщениеДобавлено: 17 авг 2009, 08:23 
Аватар пользователя

Зарегистрирован: 09 авг 2009, 09:54
Сообщений: 10
Прошу прощения, Максим, дело в том, что моя хостинговая компания еще не обновила исправленную версию сайта! Спасибо тебе еще раз, за потраченное на меня время!!!


   
 
Показать сообщения за:  Сортировать по:  
 Страница 2 из 2 [ Сообщений: 17 ]  На страницу Пред.  1, 2


Вы не можете начинать темы
Вы не можете отвечать на сообщения
Вы не можете редактировать свои сообщения
Вы не можете удалять свои сообщения
Вы не можете добавлять вложения

Найти:

Продажа и покупка информационного товара в интернете услуги гаранта сделок в интернете онлайн - надежные сделки через гаранта. Сервис безопасных сделок без риска 24 часа в сутки 365 дней в году.
Сложные и нестандартные случаи, решение ваших проблем консультация психолога онлайн 24 часа в сутки и при личной встрече. Психолог.ПРО.
cron