Tu fais des div pour chaque rectangle et tu leur donne un attribut width pour la largeur, ça peut-être en pixel ou en %, et height pour la hauteur pixels ou %.
Regarde ça :
http://stackoverflow.com/questions/14449274/tri-panel-layout-using-css
http://i.stack.imgur.com/viOsS.png
Code CSS :
#box1, #box2, #box3 {
position: fixed;
left:0; top:0; right:0; bottom:0;
padding:20px;
}
#box1 {
bottom:80%; /* 100 - 20 */
border: 5px solid blue;
}
#box2 {
top:20%;
right:70%; /* 100 - 30 */
border: 5px solid red;
}
#box3 {
top:20%;
left:30%;
border: 5px solid lime;
}
Tu as même le code en ligne avec aperçu :
http://jsfiddle.net/WCvu8/
Message édité le 17 juin 2016 à 00:55:59 par Benekiki