Bonjour,
Je souhaite centrer la div avec la class centrer et qu'il prenne 100% de la page disponible.
impossible d'arriver a quelquechose.
http://result.dabblet.com/gist/5e95ac1befbf5f8e137bb18e8445bda6/de56b6c684890b3eb1ead025a2e0d29ffeff7d8e
voici le code que j'utilise
*. {
box-sizing: border-box;
}
.un {
position: absolute;
width: 1500px;
height: 700px;
}
.deux {
position: absolute;
left: 1300px;
right: 0px;
}
.trois {
position: absolute;
left: 1300px;
top: 500px;
}
.quatre {
position: absolute;
left: 1000px;
top: 0px;
}
.cinq {
position: absolute;
left: 1000px;
top: 500px;
}
.centrer {
position: absolute;
width: 100vw;
height: 100vh;
left: 0;
right: 0;
margin: auto
}
et
<div class="centrer">
<img class="un" src="https://placekitten.com/g/1500/700" />
<img class="deux" src="https://placekitten.com/200/200" />
<img class="trois" src="https://placekitten.com/200/200" />
<img class="quatre" src="https://placekitten.com/200/200" />
<img class="cinq" src="https://placekitten.com/200/200" /></div>
https://jsfiddle.net/spham92/qk2oj9wy/
une idée ?