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
Post a Comment