В пределах ie8 документ визуализируется по назначению. IE 7/8 проблема рендеринга?
В IE7, документ не
(построен на вершине начальной загрузки с дополнительной CSS)
разметки:
.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:
#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;
}
Кроме того, document.compatMode, похоже, имеет одинаковое значение как в ie7, так и в i8, если это может быть интересно.
Мысли о том, что я могу не учитывать?
Throw разметки/CSS в JSFiddle или что-то. –
http://codepen.io/ahcarpenter/pen/oXgQdP @MathiasaurusRex также, спасибо тонну за то, что посмотрели! – Drew
Попробуйте добавить 'html, body {height: 100%; margin: 0; } '. http://codepen.io/anon/pen/eNmQbG –