VPF::центровка по горизонтали div-ов в html 1.0

yalo

Дата 18.12.2006, 12:29 (ссылка)

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

Загрузка ...

Бывалый

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

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

верстаю в дивах, столкнулась с такой проблемой

Код


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

<head>
  <title>title</title>
<link rel="stylesheet" type="text/css" href="index.css" />

</head>

<body>
<div class="center">center</div>
</body>

</html>

стили:

Код


html {margin: 0px; padding: 0px;}
body { margin: 0px; padding: 0px; }
.center {width: 800px; border: 1px  solid green; height: 500px; }

Как расположить блок фиксированной ширины по центру страницы при любом разрешении? В свойствах ничего подобного не нашла.. Неужели в 1.0 теперь такого нельзя сделать? smile

Это сообщение отредактировал(а) yalo - 18.12.2006, 12:30

zera

Дата 18.12.2006, 14:08 (ссылка)

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

Загрузка ...

Бывалый

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

Репутация: 5
Всего: 9

Код

.center {width: 800px; border: 1px  solid green; height: 500px; 
       margin:0 auto;}

это если без вертикального выравнивания.

yalo

Дата 18.12.2006, 14:27 (ссылка)

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

Загрузка ...

Бывалый

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

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

спасибо, действительно работает smile

querty

Дата 17.12.2009, 15:01 (ссылка)

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

Загрузка ...

Новичок

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

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

Код



#outer

{
z-index: 2;

position: relative;

overflow: hidden;
width: 82%;
min-width: 770px;

margin-right:0 auto;
margin-left:0 auto;
margin:0 auto;

}

В опере по центру выравнивается, а в эксплорере приклеивается к левому краю. Что не так?

bars80080

Дата 17.12.2009, 15:03 (ссылка)

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

Загрузка ...

прапор творюет

Награды: 1

Профиль
Группа: Завсегдатай
Сообщений: 12022
Регистрация: 5.12.2007
Где: Königsberg

Репутация: 50
Всего: 315

задайте для внешнего контейнера (в котором находится элемент с id="outer") свойство text-align: center;

Zuzzuk

Дата 17.12.2009, 17:25 (ссылка)

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

Загрузка ...

Новичок

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

Репутация: 2
Всего: 3

А еще лучше используйте DOCTYPE, без доктайпа у Вас половина html будет отображаться не так в IE, как следует.

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