Forum : Bug IE, ne comprends pas

Bonjour à tous,

Je suis en train de créer mon portfolio / CV. Et je me suis aperçu d'un bug sur IE au niveau de ma div #dialog qui s'ouvre lors d'un click sur une réalisation.

url : fcammas.fr

#dialog {
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  z-index: 51;
  min-width: 50%;
  max-width: 100%;
  max-height: 90%;
  overflow: auto;
  padding: 30px;
  border-radius: 5px;
  border: solid #484848 5px;
  background-color: #e8e8e8;
  color: #909090;
  transform: translateX(-50%) translateY(-50%);
}

Je pense qu'il s'agit d'une merde avec le CSS et 'transform'.

Si quelqu'un peut me donner un coup de main

2 réponses

satwa

Si tu ajoutes
-ms-transform: translateX(-50%) translateY(-50%);
en dessous de ton transform ?

Metylene

Effectivement il faut que tu préfixe transform

  -webkit-transform: translateX(-50%) translateY(-50%);
      -ms-transform: translateX(-50%) translateY(-50%);
          transform: translateX(-50%) translateY(-50%);