VPF::div по центру по горизонтали - Форум программистов

Teleport

Дата 1.2.2010, 15:14 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 557
Регистрация: 5.7.2008
Где: Прибалтика

Репутация: нет
Всего: 6

Пытаюсь расположить div по центру странички:

Код


.center_blank {
    width: 780px;
    height: 300px;
    position: absolute;    
    top: 200px;
    left: 50%;
    margin-left: -390px; 

    background-color: #00FF00;

}

Код


<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
<title>11</title>
<link rel="stylesheet" type="text/css" href="style.css">

</head>
<body>

<div class="center_blank">

   <p>Lorem ipsum dolor sit amet, consectetur adipisicing 
   elit, sed do eiusmod tempor incididunt ut labore et 
   dolore magna aliqua. Ut enim ad minim veniam, quis 
   nostrud exercitation ullamco laboris nisi ut aliquip 
   ex ea commodo consequat. Duis aute irure dolor in 
   reprehenderit in voluptate velit esse cillum dolore eu 
   fugiat nulla pariatur. Excepteur sint occaecat cupidatat 
   non proident, sunt in culpa qui officia deserunt mollit 
   anim id est laborum
   .</p>

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

Все бы ничего - но при уменьшении размеров окна - содержание левой части div'а - невозможно просмотреть никак. Т.е. полоса прокрутки не достает до него. Как сделать чтобы левая часть не уходила никуда? Например, как здесь: http://htmlweb.ru/java/example.php

--------------------

Veve

Дата 1.2.2010, 15:41 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 291
Регистрация: 1.1.2005
Где: Латвия, Рига

Репутация: 1
Всего: 13

Код


.center_blank {
    width: 780px;
    height: 300px;
    margin: 0 auto; 
    margin-top: 200px;
    background-color: #00FF00;
}

Teleport

Дата 1.2.2010, 15:46 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 557
Регистрация: 5.7.2008
Где: Прибалтика

Репутация: нет
Всего: 6

2 Veve - да, то что надо. Большое спасибо. smile

--------------------

0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| Вёрстка веб-сайтов \| Следующая тема »