Skip welcome & menu and move to editor
Welcome to JS Bin
Load cached copy from
 
<!DOCTYPE html>
<html>
  <head>
    <meta charset=utf-8 />
    <title>JS Bin</title>
  </head>
  <body>
    <div class="page-wrapper">
      <div class="left-column"></div>
      <div class="right-column">
        This is the content.
      </div>
    </div>
  </body>
</html>
 
html, body {
  height: 100%;
  width: 100%;
  padding: 0;
  margin: 0;
}
.page-wrapper {
  height: 100%;
  position: relative;
}
.left-column {
  position:fixed;
  top:0;
  left:0;
  width:235px;
  height:100%;
  background:#090909;
}
.right-column {
  margin-left:235px;
  background:yellow;
  min-height:100%;
}
Output

You can jump to the latest bin by adding /latest to your URL

Dismiss x
public
Bin info
qolamipro
0viewers