| Line 1: |
Line 1: |
| − | <style type="text/css">
| + | #content-wrapper{ |
| − | #wrap { | + | display:table; |
| − | width:600px;
| + | } |
| − | margin:0 auto;
| + | |
| − | } | + | #content{ |
| − | #left_col { | + | display:table-row; |
| − | float:left;
| + | } |
| − | width:300px;
| + | |
| − | } | + | #content>div{ |
| − | #right_col { | + | display:table-cell |
| − | float:right;
| + | } |
| − | width:300px;
| + | |
| − | } | + | /*adding some extras for demo purposes*/ |
| − | </style>
| + | #content-wrapper{ |
| | + | width:100%; |
| | + | height:100%; |
| | + | top:0px; |
| | + | left:0px; |
| | + | position:absolute; |
| | + | } |
| | + | #nav{ |
| | + | width:100px; |
| | + | background:yellow; |
| | + | } |
| | + | #body{ |
| | + | background:blue; |
| | + | } |
| | | | |
| − | <div id="wrap"> | + | <div id="content-wrapper"> |
| − | <div id="left_col">
| + | <div id="content"> |
| − | [[File:English_button_2.PNG|150px|link=https://wiki.gccollab.ca/M365/Home|alt="M365 Home]]
| + | <div id="nav"> |
| | + | Left hand content |
| | </div> | | </div> |
| − | <div id="right_col"> | + | <div id="body"> |
| − | [[File:French_button_2.PNG|150px|link=https://wiki.gccollab.ca/M365/Accueil|alt="M365 Accuel]]
| + | Right hand content |
| | </div> | | </div> |
| | + | </div> |
| | </div> | | </div> |
| | | | |