Question

Почему снизу  под блоками остается много пустого места и страница растягивается? Как это отрегулировать?

Answer 1

В вашем стиле наверху  правьте высоту...

<style type="text/css">#content {background:#fff;height:900px}</style>
 И вообще подход у вас не правильный, зачем для каждого блока свой класс? зачем использовать TOP?
Это всё делается одним классом, ну максимум двумя... советую некоторое время посветить себя этому сайту http://htmlbook.ru/

Comments

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


 /зачем использовать TOP?/
вы имеет ввиду вот это?
.Raspisanie, .Sistema {top: -160px;
блоки были на большом расстоянии друг от друга, причину я выяснить не смогла, поэтому применила это свойство)

---

Посмотрите внимательно картинку, и сделайте выводы...

https://yadi.sk/i/FbsVf17Ke5Gpa

там где нет картинок не обращайте внимание, смотрите какие я прописал классы(колонка слева) и какие стили используются(колонка справа).

---

Переделала по вашему примеру. Все получилось, теперь мне более понятно как обращаться с блоками. Заодно нашла причину "растягивания" страницы - как обычно, невнимательно сделала, два раза поставила свойство margin, а одно из них было задано 40 px.
Спасибо!)

Answer 2

#content {

1. background: #fff;
2. height: 700px;

}

Красное изменяете как надо.