Изменение позиции CSS/проблема

StackOverflow https://stackoverflow.com/questions/980928

  •  13-09-2019
  •  | 
  •  

Вопрос

Я только что закончил этот сайт, но осталась глупая ошибка...

если вы проверите горизонтальное положение ВСЕЙ страницы, то обнаружится небольшой сдвиг...не о чем плакать, но ПОЧЕМУ

вот 2 страницы

http://jlecologia.com/index.php

http://jlecologia.com/entreprise.php

любая идея, горизонтальный CSS:

#wrapper {
    position:relative; /* center, not in IE5 */
    width:856px;
    top: 38px;
    margin-top: 0;
    margin-right: auto;
    margin-bottom: 0;
    margin-left: auto;
    display: block;
    padding: 0px;
}

мне не нравится, что моя страница исполняет ча-ча-ча!

Это было полезно?

Решение

Область просмотра браузера расширяется, когда нет необходимости в вертикальной полосе прокрутки.Поскольку ваш дизайн центрирован по горизонтали, центрирование будет смещаться при расширении области просмотра.Это и есть причина ча-ча-ча (и не позволяйте своему инструктору по танцам говорить вам обратное).

Если вас это сильно волнует, вы можете заставить вертикальную полосу прокрутки всегда отображаться следующим образом:

html { min-height: 100%; margin-bottom: 1px; }
* html { height: 100%; } /* for ie 6 */

Другие советы

Страница с большим количеством контента имеет полосу прокрутки справа.

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

Лицензировано под: CC-BY-SA с атрибуция
Не связан с StackOverflow
scroll top