CSS3 градиентный фон с нежелательным пустым пространством внизу - PullRequest
1 голос
/ 20 июня 2011

У меня возникают большие трудности с избавлением от пустого пространства внизу, когда я применяю градиент CSS3, и у содержимого недостаточно высоты для полосы прокрутки.

Например, здесь: http://womancareolympia.webs.com/

Я попытался поиграть, установив html и высоту тела на 100% или автоматически. Я могу сделать так, чтобы градиент пошел вниз, таким образом, но тогда, когда контент требует полосы прокрутки, контент течет за градиент.

Спасибо за помощь!

1 Ответ

5 голосов
/ 20 июня 2011
  • Добавить min-height: 100% к body.
  • Удалить все экземпляры padding-top из body (или иным образом установить его на 0).
  • Установитьtop: 129px в #fw-container.
  • Установить margin-bottom: 110px в #fw-container.
  • Добавить overflow: hidden к #fw-foottext.

(протестировано только в Chrome + Firefox)

Я думаю, вам следует изменить дизайн CSS , чтобы не использовать такие вещи, как top: 100px и margin-top: -50px повсюду.Для этого просто нет причин.

...