Навигационный раздел

Question

Я работаю над сайтом и у меня проблемы с левой навигацией. Как вы можете видеть здесь http://animactions.ca/test/Desktop/ левое меню навигации не идет вниз, оно останавливается после содержимого. Мне нужно, чтобы он остановился внизу страницы.

Вот CSS:

  /* CSS layout */
body {

    margin: 0;
    padding: 0;
}

#masthead {
}

#top_nav {

    width: 700px;
    background-color: #DDDDDD;
    margin-right: auto;
    margin-left: auto;

}

#container {

    width: 700px;
    margin-right: auto;
    margin-left: auto;
}

#left_col {
    width: 95px;
    float: left;
    background-color: #B79F63;
    border-right: 5px solid #976F43;
}

#page_content {

    width: 600px;
    float: right;
    background-color: #D2C388;

}

#footer {

    clear: both;
    width: 700px;
    text-align: center;
    background-color: #E0E0E0;
    margin-right: auto;
    margin-left: auto;

}

Спасибо

Answer 1

Одним из способов решения этой проблемы является создание фонового изображения для div, содержащего навигацию и основное содержимое (в вашем коде это «контейнер»), которое имитирует цвета фона и разделительные линии, которые вы хотите для столбцов. Он часто может достигать 1px в высоту, но должен быть шириной контейнера и повторяться вниз по странице.

Answer 2

http://matthewjamestaylor.com/blog/equal-height-columns-cross-browser-css-no-hacks

http://www.cssnewbie.com/equal-height-columns-with-jquery/