Расположение блока из div`ов по центру

**skatadov** · 30.10.2008, 14:12

Здравствуйте.

Пожалуйста, подскажите валидное решение, при котором нижеприведенная конструкция всегда располагается по центру горизонтали окна.

При этом ряд [1] ... [10] может содержать произвольное число страниц, от 1 до 10, соответственно, ширина изменяемая.

Код:

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

<head>
<title>title</title>

<style type="text/css">

.bar****{
float: left;
border: 1px solid black;
*}

</style>

</head>

<body>









</body>
</html>

**Aykroyd** · 30.10.2008, 15:26

Я бы на Вашем месте больше о [Только зарегистрированные пользователи могут видеть ссылки. ] побеспокоился, нежели чем о валидности.

Код:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Горизонтальное выравнивание блока неизвестной ширины</title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<style type="text/css">
div.outer {background: #CCFFCC; width: 100%; overflow: hidden;}
div.inner {background: #CCFFFF; float: right; position: relative; right: 50%;}
div.center {background: #FFFFCC; position: relative; right: -50%;}
</style>
</head>

<body>
<div class="outer">
****<div class="inner">
********
****</div>
</div>
</body>
</html>

**skatadov** · 30.10.2008, 16:46

Спасибо!

**dimaxz** · 19.11.2008, 19:20

кстати у меня была проблема по выравнивания по центру, пробывал указанный выше хак, но был недостаток что когда уменьшаю размеры окна браузера сайт сьезжает вправо, и тут попробывал открыть редактор Web Page Maker V2 которым раньше баловался, там есть функия выравнивания страницы по центру, посмторел код *увидел что программа создает код типа :

div#container
{
*position:relative;
*width: 1000px;
*margin-top: 0px;
*margin-left: auto;
*margin-right: auto;
*text-align:left;*
}
body {text-align:center;margin:0}

тоесть контейнер основной, и в нутри все остальное и вуаля работает!во всех браузерах!

**Aykroyd** · 23.11.2008, 23:12

dimaxz

Если Вы будете немного внимательнее, сможете обнаружить, что в данном топике речь идет о контейнере неизвестной ширины.

Тема: Расположение блока из div`ов по центру

Опции темы

Поиск по теме

Отображение

Похожие темы

Расположение меню

Расположение

Расположение в определенном месте страницы

случайное расположение объектов

CSS дизайн. Чентральное расположение блоков.

Ваши права