Difference between revisions of "M365/test"

From wiki
Jump to navigation Jump to search
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>
  

Revision as of 14:08, 2 March 2023

  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;
   }
     Right hand content


"M365"
Ces pages génèrent leur contenu en fonction de vos préférences linguistiques. Pour modifier votre préférence, veuillez changer la langue sélectionnée dans le coin supérieur droit de la page.

These pages generate their content based on your language preference. To change your preference, please change the language selected in the top right corner of the page.

"M365 Home

"M365 Accuel