Dans ie8, le document est rendu comme prévu. IE 7/8 problème de rendu?
Dans IE7, le document n'est pas
(construit sur bootstrap avec css supplémentaire)
balisage:
.modal.fade.in#unsupported-browser-modal
.modal-dialog
.modal-content
.modal-text
.modal-header
%h3.modal-title YOUR BROWSER IS OUT OF DATE
.modal-body
This website requires a minimum of Internet Explorer version 9 or the latest version of other popular web browsers.
css supplémentaires:
#unsupported-browser-modal {
.modal-dialog, .modal-content {
height: 100%;
}
.modal-dialog {
width: 100%;
margin: 0;
max-width: none;
min-width: none;
}
.modal-content {
border-bottom: 0;
}
.modal-header {
border-bottom: 0;
padding: 15px;
min-height: 16.42857143px;
}
.modal-title {
font-family : $var;
text-align : center;
font-weight : bold;
letter-spacing : 2px;
margin-top: 50px;
}
.modal-body {
font-family: $var1;
font-size: 14px;
text-align: center;
padding: 2px 35px 80px;
color: #646464;
line-height: 20px;
}
}
#unsupported-browser-modal.modal {
display: block;
}
.modal-text {
top: 37%;
position: relative;
}
En outre, document.compatMode semble avoir la même valeur dans ie7 et i8, au cas où cela pourrait être intéressant. Réflexions sur ce que je ne comptabilise peut-être pas?
Throw balisage/css dans un jsFiddle ou quelque chose. –
http://codepen.io/ahcarpenter/pen/oXgQdP @MathiasaurusRex aussi, merci beaucoup d'avoir regardé! – Drew
Essayez d'ajouter 'html, body {height: 100%; marge: 0; } '. http://codepen.io/anon/pen/eNmQbG –