CSS - дополнительная высота для div? Огромное пространство между нижним колонтитулом и контейнером

Question

CSS - дополнительная высота для div? Огромное пространство между нижним колонтитулом и контейнером

0

Я занимаюсь созданием веб-сайта, и у меня возникла проблема -

Между моим нижним колонтитулом и остальным содержимым есть огромное пространство. У меня есть контейнер, который содержит весь мой контент, включая мой нижний колонтитул, однако есть отдельный div, содержащий содержимое внутри этого контейнера. У контейнера div нет установленной высоты, поскольку он должен расширяться с содержимым.

CSS для контейнера:

.middle-container {
margin:0 auto;
margin-bottom:40px;
width:980px;
background-color:hsla(90,10%,20%,1);
padding-top:15px;
}

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

Если у вас есть какие-то идеи или я не вижу ничего очевидного, сообщите мне.

Также, если я добавляю высоту 400 пикселей в контейнер, он все равно не уменьшает пространство - он просто удаляет цвет фона, а мой нижний колонтитул по-прежнему на 500/600 пикселей ниже содержимого.

благодаря

Ttny 12 нояб. 2013, в 11:57

Источник

0

дать ссылку на сайт
radha 12 нояб. 2013, в 10:21
2

Кроме того, вы можете дать больше HTML / CSS? Указанный код является лишь частью изображения
SW4 12 нояб. 2013, в 10:22
3

Вам действительно нужно создать JsFiddle, это позволит другим пользователям по-прежнему видеть проблему и решение даже после ее устранения.
Ruddy 12 нояб. 2013, в 10:28
0

Какой код для вашего нижнего колонтитула?
Alex 12 нояб. 2013, в 10:41
0

ТАКЖЕ есть контент внутри .middle-container?
Alex 12 нояб. 2013, в 10:42
0

Jsfiddle ??? ты сделай это проще
Dinesh Kanivu 12 нояб. 2013, в 10:45

Показать ещё 4 комментария

Теги:

html

css

2 ответа

Ещё вопросы

Кроме того, вы можете дать больше HTML / CSS? Указанный код является лишь частью изображения
Вам действительно нужно создать JsFiddle, это позволит другим пользователям по-прежнему видеть проблему и решение даже после ее устранения.
Какой код для вашего нижнего колонтитула?
ТАКЖЕ есть контент внутри .middle-container?

Dr Robotnik · Answer 1 · 2013-11-12T08-22-00.000Z

Удалите margin-bottom:40px; и это должно избавиться от разрыва.

Alex · Answer 2 · 2013-11-12T07-47-00.000Z

Небольшое примечание, которое ваш CSS должен выглядеть так:

.middle-container{
 margin:0 auto 40px;
 width:980px;
 background-color:hsla(90,10%,20%,1);
 padding-top:15px;
}