Макет с выравниванием по центру и маштабирование.

[Lazari]

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

Я недавно начал изучать позиционирование с помощью CSS.

Возник следующий вопрос после изучения сайта http://www.mozilla.org/.

Как мне показалось, ресурс использует выравнивание по центру с фиксированной шириной, но при этом область контейнера масштабируема до определенного предела.

Как реализовать выравнивание по центру с фиксированной шириной я имею представление:

#container
{
  position: absolute;
  left: 50%;
  width: 800;
  margin-left: -400;
}

Подскажите - каким образом реализуется макет с данного ресурса?

А именно каким образом при фиксированном размере контейнера добавить возможность его сжатия до определенного предела при масштабировании?

Или если там используется резиновая верстка - каким образом ограничить максимальное растяжение и минимальное используя CSS.

Заранее благодарю.

[woofs]

Чтобы контейнер задать по центру нужно поставить margin:auto; при этом можно дополнительно проставить отступ с верху(опционально)

#container
{
  position: absolute;
  width: 800;
  margin: auto;
  margin-top: 2%; /*к примеру*/
}

Edited January 27, 2009 by woofs

[Lazari]

Спасибо за предложенный вами вариант, только у вас в нем есть одна ошибка, центрирование будет работать если позиционирование будет относительным:

 position:relative;

Но в любом случае, это лишь еще один способов центрирования, возможно лучше моего.

Меня же интересует суть макета указанного ресурса, возможности которого я описал в своем первом сообщении.

[Lazari]

Просьба удалить/закрыть тему.

Все делается элементарно... Извиняюсь.

#container
{
      position:relative;
      min-width: 600px;
      max-width: 800px;
      margin: auto;
}

[s0rr0w]

Подскажите - каким образом реализуется макет с данного ресурса?

А посмотреть исходники слабо? Поставь FireBug и изучай в более удобоваримом виде.