нежелательная горизонтальная полоса прокрутки в макете жидкости

Question

http://www.twofivefivefive.com/asctest/

Я помогаю другу с этим сайтом, и это плавный, основанный на% дизайн (с которым у меня нет опыта работы).

По какой-то причине я получаю горизонтальную полосу прокрутки, которая прокручивается в пустое пространство с правой стороны. Я не имею ни малейшего понятия, что заставляет страницу быть шире, чем она должна быть, я трижды проверил код, и все, кажется, в порядке; Я в отчаянии!

Любая помощь будет принята с благодарностью.

Answer 1

Это все внутри <div id="header">. И <div id="topTitle">, и <div id="topNav"> имеют свойство CSS "position", установленное на "родственник", а затем свойство "left", чтобы дать ему смещение от левой стороны страницы. Тем не менее, элемент сохраняет свою ширину (100%) и отталкивается вправо.

Если вы установите «margin-left» вместо «left», элементы будут иметь левое поле, но не будут отталкиваться вправо, потому что «left» все еще находится на левом краю контейнера (поэтому div # Для topTitle должно быть установлено margin-left: 270px; и свойство «left» не задано, а для div # topNav должно быть установлено margin-left: 281px; (261px «перенесено» из свойства «left» и дополнительные 20px, которые уже были установлены как margin-left) без свойства "left".