| Line 1: |
Line 1: |
| − | #content-wrapper{
| |
| − | display:table;
| |
| − | }
| |
| − |
| |
| − | #content{
| |
| − | display:table-row;
| |
| − | }
| |
| − |
| |
| − | #content>div{
| |
| − | display:table-cell
| |
| − | }
| |
| − |
| |
| − | /*adding some extras for demo purposes*/
| |
| − | #content-wrapper{
| |
| − | width:100%;
| |
| − | height:100%;
| |
| − | top:0px;
| |
| − | left:0px;
| |
| − | position:absolute;
| |
| − | }
| |
| − | #nav{
| |
| − | width:100px;
| |
| − | background:yellow;
| |
| − | }
| |
| − | #body{
| |
| − | background:blue;
| |
| − | }
| |
| − |
| |
| − | <div id="content-wrapper">
| |
| − | <div id="content">
| |
| − | <div id="nav">
| |
| − | Left hand content
| |
| − | </div>
| |
| − | <div id="body">
| |
| − | Right hand content
| |
| − | </div>
| |
| − | </div>
| |
| − | </div>
| |
| − |
| |
| | {{M365}} | | {{M365}} |
| | | | |