Делаем боковую навигацию во всю высотуHtml

Программисты Html
Ответить
Anonymous
 Делаем боковую навигацию во всю высоту

Сообщение Anonymous »

Я пытаюсь разместить панель навигации слева, которая выглядит вот так.

Для этого я сделал все элементы (html, body) 100%. Затем я структурировал его следующим образом

HTML:

Код: Выделить всё

[list]
[*][url=#]Home[/url]
[*][url=#]Profile[/url]
[*][url=#]Messages[/url]
[*][url=#]Home[/url]
[*][url=#]Profile[/url]
[*][url=#]Messages[/url]
[*]
[/list]

CSS:

Код: Выделить всё

.leftmenu {
margin-left: 0px;
height: 100%;
}

.nav-tabs.nav-stacked {
border-bottom: 0;
height: 100%;
}

.ender {
height: 100%;
}

.ender a {
height: 100%;
}
У меня проблема в том, что панель навигации всегда выходит за нижнюю часть экрана. Я хочу попытаться растянуть его до конца страницы. Если я сделаю это на 100%, оно пройдет мимо, и даже если я сделаю что-то вроде 60% и оно не дойдет до конца, оно все равно прокрутит страницу. Кто-нибудь сделал хорошую рабочую боковую панель навигации, которая работает и с верхней панелью навигации, или кто-нибудь знает, что я могу сделать, чтобы исправить то, что у меня есть?

Подробнее здесь: https://stackoverflow.com/questions/174 ... t-side-nav
Ответить

Быстрый ответ

Изменение регистра текста: 
Смайлики
:) :( :oops: :roll: :wink: :muza: :clever: :sorry: :angel: :read: *x)
Ещё смайлики…
   
К этому ответу прикреплено по крайней мере одно вложение.

Если вы не хотите добавлять вложения, оставьте поля пустыми.

Максимально разрешённый размер вложения: 15 МБ.

Вернуться в «Html»