Table of contents hiding other elements?

Table of contents hiding other elements?

  
Table of Contents
      
          
Home
          
Biography
          
Extra Curricular
          
Favorites
      
      
      
      
Biography
          
      THIS INFO SHOWS UP WITH HEAVY CSS EDITING       
          
                    .menu-panel {  background: #013E7D;  width: 240px;  height: 100%;  position: fixed;  z-index: 1000;  top: 0;  left: 0;  text-shadow: 0 1px 1px rgba(0,0,0,0.1);  margin: 0px;  }        .menu-panel h3 {  font-family:Roboto;  font-size: 1.8em;  padding: 20px;  font-weight: 300;  color: #fff;  box-shadow: inset 0 -1px 0 rgba(0,0,0,0.05);  }       .menu-toc {  list-style: none;   }             .menu-toc li a {     font-family:Roboto;      display: block;     color: #C0C0C0;     font-size: 1.1em;      line-height: 3.5;    padding: 0 20px;     cursor: pointer;       background: #013E7D;     border-bottom: 1px solid #FFF;                 }    .menu-toc li a:hover,    .menu-toc li.menu-toc-current a{    background: #000000;             }    .menu-panel div {    margin-top: 20px;       }    .menu-panel div a {  text-transform: uppercase;  font-size: 0.7em;  line-height: 1;  padding: 5px 20px;  display: block;  border: none;  color: #bc0b0b;  letter-spacing: 1px;  font-weight: 800;  text-shadow: 0 1px rgba(255,255,255,0.2);       }             @media screen and (max-width: 800px){      .no-js .menu-panel {        display: none;      }    .no-js .container {      padding: 0;  }      @media screen and (max-width: 400px){  .menu-panel,  .content {      font-size: 75%;       }     .main {     margin-left:797px;      position:fixed;       font-family:Roboto;              }   

So basically I need to get the table of contents to be static so all other elements go around it!! I have been trying to fix this and it will not work. If you could help me it would help a lot! Thank you

Answer by lkiraly for Table of contents hiding other elements?

.menu-panel {    background: #013E7D;    width: 240px;    height: 100%;    z-index: 1000;    top: 0;    left: 0;    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);    margin: 0px;    float: left;  }  

in css removing the position and adding the float results in horizontally aligned blocks. see also http://codepen.io/anon/pen/XXJRWx

Fatal error: Call to a member function getElementsByTagName() on a non-object in D:\XAMPP INSTALLASTION\xampp\htdocs\endunpratama9i\www-stackoverflow-info-proses.php on line 71