Веб-страница отображается слева на сафари

Question

У меня проблема с отображением веб-страницы в Safari.Он не будет отображать центр, но вместо этого отобразит страницу слева, а справа от него будет огромное количество пустого пространства.Я не получаю такого поведения с Firefox, IE или Chrome.Может кто-нибудь сказать мне, что происходит и как это исправить.Веб-сайт можно посмотреть по адресу: digitaldementia.ca.Вы можете просматривать CSS из вашего браузера, когда вы посещаете сайт.Если это желательно, я также могу опубликовать это здесь.

Спасибо за вашу помощь.

Answer 1

Попробуйте этот CSS:

html, body{
  text-align:center;
}

#main_container{
  margin:0px auto;
  text-align:left;
  width: 900px; /* set width accordingly */
}

, где #main_container должен быть основным контейнером / упаковщиком вашего сайта.

Answer 2

В вашем случае огромное количество пустого пространства исходит от вашего div #copyright

Решение:

#copyright {
    color:#B8DBFF;
    padding-right:25px;
    position:relative;
    text-align:right;
    top:20px;
}

или

#container {
    color:#FFFFFF;
    margin:20px auto;
    padding:0;
    position:relative;
    text-align:left;
    width:989px;
    overflow:hidden; /* added */
}