jquery simplemodal: déplacer # simplemodal-container à 0,0 pour l'impression?

Question

Notre div d'alerte simplemodal doit être imprimable. Le contenu lui-même devrait bien sur la page dans la plupart des cas, mais je ne peux pas remplacer le positionnement dans mon css d'impression pour l'obtenir en haut/à gauche pour l'impression afin d'éviter que le côté droit soit coupé.

Il me semble que je peux changer # simplemodal-container dans mon css d'impression pour tout sauf le positionnement. J'ai essayé de le positionner absolument et d'éteindre tout le remplissage et les marges mais rien ne fonctionne: il apparaît toujours au centre comme sur la version écran.

Est-ce que quelqu'un sait un moyen de surcharger cela pour media = "print"?

Answer 1

Je suppose que les remplacements ne fonctionnaient pas car # simplemodal-container a des styles en ligne appliqués. Vous pouvez essayer la solution suivante (qui malheureusement ne fonctionnera pas sur IE < = 6):

#simplemodal-container[style] { 
    position: absolute !important; 
    top: 0 !important; 
    left: 0 !important; 
}