03-01-2016, 03:49 PM
.iframe {
text-align: center;
/* display: table-cell; // Ces 2 lignes ne servent à rien //
vertical-align:middle;*/
position: absolute;
width: 100%; /*pour qu'on y voit mieux*/
height: 100%;
border:1px red solid; /*pour qu'on y voit mieux*/
}
.iframe_draggable {
position: relative;
z-index: 5; /*Pourquoi toujours 999 ? */
width: 100px;
height: 100px;
display: inline;
background-color: blue;
border-top: 10px solid red;
top: 50%; /*Pour que ça soit au milieu (verticalement)*/
margin-left:-108px; /*Pour qu'elles s'empilent les une sur les autres (100 de width + 8px de border/padding/margin (iframe default border)) */
}
.iframe_draggable:hover {
border-top: 10px solid pink;
cursor:grabbing; /*juste pour que ça soit plus cool.*/
}
Tu peux aussi changer le style du iframe
iframe{
margin:0px;
padding:0px;
border:1px solid grey;
}
"Somewhere, something incredible is waiting to be known..."
Carl Sagan.
Carl Sagan.