Горизонтальная прокрутка веб-страницы с пропуском вправо

Question

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

Это делается на нескольких страницах, но не на всех.

Вот страница, на которой у меня есть проблема - http://www.princewebdesigns.com/staging/gallais/our-firm.html

Вот страница, на которой у меня нет вопроса - http://www.princewebdesigns.com/staging/gallais/index.html

Я пробовал отладку в FireBug, но я не могу найти элементы div или элементы, которые делают страницу шире. Возможно ли это связано с поплавком? Кажется, это проблема во всех браузерах.

Любая помощь будет оценена.

PS - Я знаю, что навигационные ссылки не работают, потому что я временно размещаю сайт в промежуточном каталоге моего веб-сервера.

Answer 1

css class .bluebar h1 имеет свойство width: 70em;

em не следует использовать для определения ширины элементов.Ваш браузер вычисляет h1 до размера шрифта 28px, что делает ширину .bluebar 28 x 70 = 1960px в ширину.Для правильного объяснения их и других юнитов CSS, см. w3schools

И Firebug, и Dragonfly позволяют вам перелистывать страницу.Это поведение по умолчанию в Dragonfly.В Firebug вы можете включить его, нажав кнопку со стрелкой в ​​левом верхнем углу окна Firebug.Таким образом, вы можете найти элементы довольно быстро.

Answer 2

Проблема в этом бите:

<div class="bluebar">

Если вы измените это значение на <div class="banner">, тогда все будет хорошо (но, очевидно, у вас теперь есть фоновая графика. При дальнейшей проверке я вижу, что ...ох, подожди ... нет смысла дублировать ответ здесь!

РЕДАКТИРОВАТЬ: Хорошо, я слишком долго отвечал на это - смеется! Дайте Бенджамину ответный кредит.