Форум программистов [Powered by Invision Power Board]

Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате

Форум программистов > Вёрстка веб-сайтов > центровка по горизонтали div-ов в html 1.0

Автор: yalo 18.12.2006, 12:29

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

Код


<!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

Автор: zera 18.12.2006, 14:08

Код

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

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

Автор: yalo 18.12.2006, 14:27

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

Автор: querty 17.12.2009, 15:01

Код



#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

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

Автор: Zuzzuk 17.12.2009, 17:25

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