6,010
edits
Changes
Jump to navigation
Jump to search
Line 1:
Line 1: − <style type="text/css">+ − + − width:600px;+ − margin:0 auto;+ − + − + − float:left;+ − width:300px;+ − + − + − float:right;+ − width:300px;+ − + − </style>+ + + + + + + + + + + + + + − + − <div id="left_col">+ − [[File:English_button_2.PNG|150px|link=https://wiki.gccollab.ca/M365/Home|alt="M365 Home]]+ + − + − [[File:French_button_2.PNG|150px|link=https://wiki.gccollab.ca/M365/Accueil|alt="M365 Accuel]]+ +
no edit summary
#content-wrapper{
#wrap {
display:table;
}
}
#content{
#left_col {
display:table-row;
}
}
#content>div{
#right_col {
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="wrap">
<div id="content-wrapper">
<div id="content">
<div id="nav">
Left hand content
</div>
</div>
<div id="right_col">
<div id="body">
Right hand content
</div>
</div>
</div>
</div>
</div>
