html - Make navigation div expand entire height of the page -

-

i have navigation div on left of page. want span entire height of page.following html , css structure. 

#wrapper{    position: relative;    min-height: 100%;    height: auto !important;    height: 100%;    margin: 0 auto -112px;  }  .main_wrap{    height: 100%;    min-height: 100%;    position: relative;  }    .container{    height: 100%;    position: relative;  }  .main-sidebar{    position: absolute;    top: 0;    left: 0;    min-height: 100%;    height: 100%;    width: 195px;    z-index: 810;  }  .sidebar{    height: 100%;  }  .content_wrap{    height: 100%;    min-height: 100%;    position: relative;  }  .content_box{    width: 1000px;    margin: 0px auto;  }
html:  <div id=“wrapper>    <div class=“main_wrap”>      <div class=“container>        <div class="main-sidebar">          <div class="sidebar">           <!—left navigation part goes here—>          </div>        </div>      </div>    </div>      <div class=“content_wrap”>     <div class=“content_box”>      <!—content part goes here—>     </div>    </div>  </div>

help appreciated. thanks!!

you defined height twice in #wrapper. remove height: auto !important; if want take 100% of height, because auto makes div fit content. !important makes auto override 100% defined after.

your wrapper class should :

#wrapper {   position: relative;   min-height: 100%;   height: 100%;   margin: 0 auto -112px; }

Comments

Post a Comment

Popular posts from this blog

java - Date formats difference between yyyy-MM-dd'T'HH:mm:ss and yyyy-MM-dd'T'HH:mm:ssXXX -

-
i trying parse date 2014-12-03t10:05:59.5646+08:00 using these 2 formats: yyyy-mm-dd't'hh:mm:ss yyyy-mm-dd't'hh:mm:ssxxx when parse using yyyy-mm-dd't'hh:mm:ss works fine, when parse yyyy-mm-dd't'hh:mm:ssxxx parseexception thrown. which correct format parse date , difference between these 2 formats? note : cannot use joda :( those valid formats: yyyy-mm-dd't'hh:mm:ss.sssz >>> e.g.: 2001-07-04t12:08:56.235-0700 yyyy-mm-dd't'hh:mm:ss.sssxxx >>> e.g.: 2001-07-04t12:08:56.235-07:00 edit: btw, "x" refer (iso 8601 time zone)
Read more

c# - Get rid of xmlns attribute when adding node to existing xml -

-
i have xml-file: <ns2:root xmlns:ns2="namespace"> <ns2:a> <ns2:b>some content</b> <ns2:c>some content</c> <ns2:d>some content</d> </a> </root> i need add new node in specific place, code is: var doc = xdocument.load(file); xnamespace ns2 = "namespace"; doc.element(ns2 + "root").element(ns2 + "a").element(ns2 + "c").addafterself( new xelement(ns2+"new", new xelement("new1", new xelement("new2","some content"), new xelement("new3", "some content")))); the output is: <ns2:root xmlns:ns2="namespace"> <ns2:a> <ns2:b>some content</b> <ns2:c>some content</c> <ns2:new> <new1 xmlns=""> <new2>some content</new2> ...
Read more