Проблемы с макетом страницы
Сообщите мне, почему под содержимым страницы много белого пространства, а также почему отображается горизонтальная полоса прокрутки. Прикрепление ссылки на zip-папку ниже. Разархивируйте и откройте index.html.
.
текст ссылки
Скачав его, я вижу, что там еще куча ненужного. Один файл HTML с одним файлом CSS был бы гораздо полезнее.
Просто добавьте новое исправление: просто добавьте overflow: hidden; к вашему правилу css контейнера div # и скажите мне, работает ли это лучше
Ответы 3
Первое отведение:
Правило 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; к вашему правилу css div#container
В более общем плане вы можете следовать передовой практике «Прогрессивное улучшение с помощью CSS» и разделить свои правила css в нескольких файлах (вплоть до фактического развертывания в производстве, где вы можете перегруппировать и сжать все свои правила css в один плотный файл)
188px добавлено, чтобы освободить место для левого блока. Если я удалю, содержимое переместится в левый блок.
Когда я добавляю overflow: auto; он дает еще один набор полос прокрутки внутри.
И с переливом: авто; добавить как к содержимому, так и к контейнерам, что вы получите? Даже если полосы прокрутки все еще есть, видите ли вы очень мало дополнительного места по сравнению с текущей ситуацией?
Нет. Теперь пространство видно внутри внутреннего свитка.
VonC прав. Добавить переполнение: скрыто; в правило контейнера div #. Строка 274 файла index.css.
Для полосы прокрутки то, что предложил VonC, является правильным, в то время как «много белого пространства под содержимым страницы» связано с: 'min-height', который вы указали. Для этого можно использовать атрибут auto вместо указания пикселей.
Относительно: «Когда я добавляю overflow: auto; он дает другой набор полос прокрутки внутри.» .. Для этого добавьте overflow: auto ко всем используемым вами div.
overflow: hidden также исправляет проблему "много белого пространства под содержимым страницы"
Почему бы просто не разместить страницу «как есть», чтобы мы могли просто перейти по ссылке, чтобы увидеть ее? В том, чтобы иметь его локально, не так много преимуществ ... мы всегда можем взять его, если нам это нужно.