html - CSS menu that scrolls aside content -

-

how can make menu scroll aside content.

note content , menu inside container box(class=boxed) aligned center of page. above container there header 100% page width. 

.boxed{      width:100%;      max-width: 1154px;      margin: 0 auto;      position: relative;      }                    .boxed .sidebar{      position: relative;      width: 25%;      float: left;      }

the html this:

<html> <body>   <header>header content</header>   <div class="boxed">     <nav id="sidebarmenu">       <ul id="sidebar">         <li></li>         <li></li>       </ul>     </nav>   <div class="content">content</div> </div> </body </html> 

html, body {      height: 100%;      margin: 0;      font-size: 20px;  }  #left {      width: 20%;      height: 100%;      position: fixed;      outline: 1px solid;      background: #f2f2f2;  }  #right {      width: 80%;      height: auto;      outline: 1px solid;      position: absolute;      right: 0;      background: #007dad;  }
<div id="left">    <a href="link1">side menu 1</a><br/>    <a href="link2">side menu 2</a><br/>    <a href="link3">side menu 3</a><br/>  </div>  <div id="right">scroll      <br />scroll      <br />scroll      <br />scroll      <br />scroll      <br />scroll      <br />scroll      <br />scroll      <br />scroll      <br />scroll      <br />scroll      <br />scroll      <br />scroll      <br />scroll      <br />scroll      <br />scroll      <br />scroll      <br />scroll      <br />scroll      <br />scroll      <br />scroll      <br />scroll      <br />scroll      <br />scroll      <br />  </div>


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