Styling d'iframes

[@lucard]

.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;

}