| |
| body{ |
| margin: 0; |
| padding: 0; |
| border: 0; |
| overflow: hidden; |
| height: 100%; |
| max-height: 100%; |
| } |
| |
| #framecontent{ |
| position: fixed; |
| top: 0; |
| bottom: 0; |
| left: 0; |
| width: 350px; /*Width of frame div*/ |
| height: 100%; |
| overflow: scroll; |
| background: #eee; |
| color: black; |
| } |
| |
| #maincontent{ |
| position: fixed; |
| top: 0; |
| left: 350px; /*Set left value to WidthOfFrameDiv*/ |
| right: 0; |
| bottom: 0; |
| overflow-y: scroll; |
| overflow-x: hidden; |
| background: #fff; |
| } |
| |
| .innertube{ |
| margin: 10px; /*Margins for inner DIV inside each DIV (to provide padding)*/ |
| } |
| |
| article { |
| border: 1px solid #000000; |
| margin: -8px -8px 13px -8px; |
| padding: 8px 14px; |
| box-shadow: 0 4px 3px #aaa; |
| } |