i need sidebar have full height , contain background image.
here's link have far. , here's css:
/* sidebar */ #sidebar { background-color: #e7d9c9; background-image: url('/imgs/map.png'); background-repeat: no-repeat; width: 318px; height: auto; float: left; padding-bottom: 20px; } #sidebar h1 { border-bottom: thick; border-bottom-width: 75%; } .sidetext { padding: 5px 20px; font-size: 18px; font-family: helvetica neue; padding-bottom: 20px; } .sidelink { padding-bottom: 20px; margin: 0; padding: 0; width:300px; } .sidelink ul { margin: 0; padding: 0; margin-left: 20px; } .sidelink li { display: block; list-style: none; } .sidelink li { display:block; font-family: helvetica neue; font-size:16px; color:#fff; text-decoration:none; background-color:#1e416f; padding:5px; border-left:10px solid #fff; padding-bottom: 20px; } .sidelink li a:hover { border-left:14px solid #1e416f; background-color:#e7d9c9; color: #1e416f; } h5 { font-family: helvetica neue: light; font-size: 24px; color: #517f9c; } it awesome if me part says "sidebar h1". i'm trying accomplish here after every h1 slight bottom-border 20px under h1 , 20px of space after bottom-border. in line rest of text , links (20px left , 20px right) don't think 75%. thanks!
idk if talking asigning height total height of division or body.
if talking division need asign division relative body division inside asigned property of height 100%
if want height 100% of body 100% after doing position absolute. work good.
