Создание html тела достаточно большим для содержимого внутри

0

В настоящее время я работаю над сайтом для бокового проекта, но у меня нет большого опыта работы с веб-разработкой. Я в последний час разрывал волосы, пытаясь понять, почему мой элемент <body> отображается только как высокий, чем мой видовой экран, вместо того, чтобы быть достаточно высоким, чтобы содержать содержимое внутри него. В результате, когда я прокручиваю страницу вниз, таблица, которая внутри тела переполняется вертикально, а черный черный фон явно заканчивается перед содержимым внутри него. Вот мой CSS для тела:

html 
{ 
    background: url(../images/background.jpg) no-repeat center center fixed; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
body
{
    width: 80%;
    font-family: Verdana;
    font-size: 14;
    color: white;
    background: rgba(0, 0, 0, .75);
    margin-left: auto;
    margin-right: auto;
}

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

  • 0
    «Черный фон» относится к этому изображению? Если это так, то вам придется повторить, как предложено Самлео.
  • 0
    ( imgur.com/ooKqW7q ) Вот скриншот нижней части тела. Фон страницы является изображением, но фон <body> просто прозрачный черный. Обведенные кружком части на моем связанном изображении - это места, где вы можете увидеть нижнюю часть черного <body>, потому что он заканчивается раньше, чем таблицы.
Показать ещё 1 комментарий
Теги:
styling

4 ответа

0

Вы должны использовать

html{
   background: url(../images/background.jpg) repeat center center fixed; 
   height:100%;
}

С помощью

body{
   height:100%;
}

может быть недостаточно, потому что это будет относиться к html, который не является 100%;

EDIT: Чтобы ответить на вашу часть прокрутки, вам нужно добавить background:repeat.

Поделиться
  • 0
    Добавление этого сделало тело немного выше (раньше оно было на несколько пикселей меньше высоты моего окна просмотра, теперь оно достигает самого дна), но когда я прокручиваю вниз, фон все равно останавливается.
  • 0
    Извините, ранее не видел прокрутку. настройка фонового повтора должна решить вашу проблему
Показать ещё 3 комментария
0

Попробуйте использовать это свойство в теге тела

body {
    overflow:hidden;
}
Поделиться
0

Добавьте в свое тело:

height: auto;
Поделиться
  • 0
    Боюсь, что это не работает, тело все еще отключается, когда я прокручиваю.
0

Попробуй это

body {
   min-height: 100%;
}
Поделиться
  • 0
    Я уже пробовал минимальную высоту, но результат был тот же.

Ещё вопросы

Сообщество Overcoder
Наверх
Меню