Блок с 100% височина

[djman]

Здравейте!
Какво искам да постигна може да се види тук

sidebar трябва да има височина от менюто до футъра (който е position: absolute).
със height 100% става по-дълго от нужното. Идеи? Благодаря

 

[syneidesys]

Със height:auto не става ли?

 

[djman]

Ми не, не се запълва. Само ако има съдържание вътре. А целта е вътре в sidebar да има 2 блока с по 50% височина (спрямо самия sidebar).

 

[joTunkiq]

Виж тук: http://stackoverflow.com/questions/1575141/make-div-100-height-of-browser-window

Тук пише да пробваш така: [css]height:100vh;[/css]

"These units are vh (viewport height), vw (viewport width), vmin (viewport minimum length) and vmax (viewport maximum length)." :?: :idea:

 

[djman]

Да, знам за vh и работи, но при мен нещото е между menu и footer. Ако сложа по-малко число, примерно 80vh, на 1920x1080 е добре, а на по-ниски резолюции става по-дълго и се крие под footer.

 

[syneidesys]

Затова-използвайте системи като Бутстрап и няма да имате ядове!

 

[djman]

Аз точно нея ползвам

<html>
    <body>
        <nav class="navbar navbar-default">
        <div class="container-fluid">
        <div class="footer">
    </body>
</html>

Като sidebar е в container-fluid.

 

[syneidesys]

От такива сайтове например ,не търсиш ли готови снипети?
http://bootsnipp.com/

 

[djman]

Няма нищо там по този въпрос... (иначе мерси, не знаех за този сайт))

 

[djman]

Прогрес:

position: fixed;
right: 0;
height: 100%;

почти върши работа - само малка част се крие зад футъра.

 

[syneidesys]

А пък ето един лейаут билдер за бутстрап- http://www.layoutit.com/

 

[djman]

Ето как се правило:

[css]#sidebar {
width: 200px;
position: absolute;
right: 0; /* или left: 0; */
top: @header-height;
bottom: @footer-height;
}[/css]

Темата е решена.