CSS Dynamic Margin при изменении размера окна

Question

Могу ли я динамически гарантировать, что контент всегда остается в центре окна на этом веб-сайте?

Сейчас он использует статическое поле слева в классе .items и инструменты jquery.

http://andstones.ca/newsite/

Могу ли я сделать это только с помощью CSS илиCSS и Javascript?

Спасибо,

Кори

Answer 1

Я не совсем понял, о какой части вы говорили, так как похоже, что большая часть работает просто отлично.

Для автоцентрирования вы должны использовать авто для полей:

margin: 0 auto;

Поместите это в любой div, который вы хотите центрировать.

Answer 2

Допустим, вы хотите центрировать контейнер шириной 900 пикселей, наиболее кросс-браузерный способ, который я использовал, это:

div#container{
  width:900px;
  position:relative;
  left:50%;
  margin-left:-450px;
}

Это идет к центру оси x и остается там независимодругих элементов этой страницы!Конечно, это работает только с фиксированной шириной, а не с динамической!

Answer 3

Если я правильно помню, вы должны использовать следующее в IE

text-align: center;

Даже для центрирования div