Difference between revisions of "M365/test"
< M365
Jump to navigation
Jump to search
| 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=" | + | <div id="content-wrapper"> |
| − | + | <div id="content"> | |
| − | + | <div id="nav"> | |
| + | Left hand content | ||
</div> | </div> | ||
| − | <div id=" | + | <div id="body"> |
| − | + | Right hand content | |
</div> | </div> | ||
| + | </div> | ||
</div> | </div> | ||
Revision as of 15:08, 2 March 2023
- 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
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.
