Проблемы макета страницы - PullRequest
Новая
       12

Проблемы макета страницы

4 голосов
/ 10 декабря 2008

Пожалуйста, дайте мне знать, почему под содержимым страницы много пробелов, а также почему отображается горизонтальная полоса прокрутки. Прикрепление ссылки на папку zip ниже. Разархивируйте и откройте index.html.
текст ссылки

Ответы [ 3 ]

2 голосов
/ 10 декабря 2008

Первый отрыв:

Правило div#content почти работает в IE и добавляет дополнительную ширину в FireFox:

Дополнительная ширина применяется к вашему классу div "content" 

div#content { margin: 3px 3px 3px 188px; background: rgb(255, 255, 255) none 
    repeat; min-height: 392px; }

внутри класса div "container" 

div#container { margin: auto; padding: 10px; background: rgb(255, 255, 255) 
   none repeat; position: relative; min-height: 400px; 
   max-width: 100%; min-width: 750px; }

Отображается горизонтальная полоса прокрутки для 188 пикселей, добавленных справа от содержимого. Конечно, им нужно остаться: не удаляйте их.

добавить overflow: hidden; к вашему div#container правилу css

На более общем замечании вы можете следовать рекомендациям "Progressive Enhancement with CSS" и разделить ваши правила CSS на несколько файлов (вплоть до фактического развертывания в рабочей среде, где вы можете перегруппироваться и сжать все ваши правила CSS в один жесткий файл)

0 голосов
/ 10 декабря 2008

Для полосы прокрутки то, что предложил VonC, является правильным, тогда как «много пустого пространства под содержимым страницы» обусловлено: «min-height», которое вы указали. Для этого вы можете использовать атрибут auto вместо указания пикселей

Относительно: «Когда я добавляю переполнение: авто; он дает другой набор полос прокрутки внутри.» .. Для этого добавьте переполнение: авто для всех используемых вами div

0 голосов
/ 10 декабря 2008

VonC прав. Добавить переполнение: скрыто; div # контейнерное правило. Строка 274 index.css.

...