html - 100 % height not working on all of the divs -


i'm trying 100 % height work @ point text flows on divs. (site url: http://uusilegenda.net/)

here wrapper css:

#wrapper { box-shadow: 0px 0px 20px #666; background-color: #ddd; margin:0 auto; width: 1000px; border-left: 2px solid #666; border-right: 2px solid #666; height:auto !important; height:100%; min-height:100%; position:relative;

and here css of menu bar:

#content2 { float: left; left:0; width: 200px; position: absolute; height: 100%; bottom: 0; background-color: rgba(255,255,255,0.05); border-right: 1px solid #666;

if add

 clear: both;   overflow:hidden; 

to wrapper div , remove

position: absolute; 

from content div looks right menu bar isn't full height.

and before css poor, don't blame me, friend's layout/css. :)

remove position:absolute #content2

and changed width of #content1main

but should rethink whole css your's quite bad.


Comments

Popular posts from this blog

powershell Start-Process exit code -1073741502 when used with Credential from a windows service environment -

twig - Using Twigbridge in a Laravel 5.1 Package -

c# - LINQ join Entities from HashSet's, Join vs Dictionary vs HashSet performance -