Changes

136 bytes added ,  15:08, 2 March 2023
no edit summary
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>