Вставка маркеров в мой div перемещает его влево

Question

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

#page-container { width: 760px; margin: auto; padding-top: 10px; }

Все страницы, использующие .css, имеют одинаковую ширину. Если я вставлю маркеры в div, он, кажется, сместится влево на несколько пикселей и больше не будет в центре. Это также происходит, если я вставляю iframe.

Возможно, кто-то более опытный мог бы предложить причину?

[Изменить]

Это вызвано тем, что полоса прокрутки появляется, когда я добавляю контент. Что я могу с этим поделать?

Answer 1

Чтобы страница не сдвигалась, вы должны установить стиль тела на переполнение: прокрутка, чтобы всегда была полоса прокрутки.

Answer 2

Вероятно, вы видите поле по умолчанию и отступы для элементов ul и li.

Используйте инструмент веб-разработчика, такой как Firebug, и наведите указатель мыши на элемент, вы увидите поля и отступы.

Например, элемент ul имеет поле по умолчанию ( в желтом ) и отступ ( в фиолетовом ):

Что вы можете сделать, это применить CSS для сброса этих значений по умолчанию:

ul { margin: 0; padding: 0; }
ul li { margin 0; padding: 0; }