Elastyczny model skrzynki IE nie działa
Próbuję zaimplementować elastyczny model skrzynki na mojej stronie internetowej i chociaż działa on dla przeglądarek -webkit, takich jak chrome i safari, innych przeglądarek, takich jak mozilla i opera, nie wydaje mi się, aby działało to w Internet Explorerze, niezależnie od tego, co ja robić. Oto krótki fragment mojego pliku arkusza stylów Css zawierający moją klasę .holder, w której znajduje się wszystko, oraz mój identyfikator #new_div, który jest dzieckiem .holder i mieści moją główną sekcję dla postów i paska bocznego.
.holder
{
width:100%;
margin:auto;
display:-webkit-box;
display:-o-box;
display:-ms-box;
display:-box;
display:-pie;
-webkit-box-orient:vertical;
-moz-box-orient:vertical;
-o-box-orient:vertical;
-ms-box-orient:vertical;
-box-orient:vertical;
-pie-box-orient:vertical;
-moz-box-flex:1; /* Firefox, seamonkey etc */
-o-box-flex:1; /* Opera */
-ms-box-flex:1; /* MSIE */
-box-flex:1; /* Any that support full implementation */
-pie-box-flex:1;
-webkit-box-flex:1;
-webkit-box-pack:center;
-o-box-pack:center;
-ms-box-pack:center;
-pie-box-pack:center;
-box-pack:center;
text-align:center;
behavior: url(../../Content/pie/PIE.htc);
}
.holder #new_div
{
width:940px;
}
.holder div
{
-webkit-box-pack:center;
-o-box-pack:center;
-ms-box-pack:center;
-box-pack:center;
-pie-box-pack:center;
behavior: url(../../Content/pie/PIE.htc);
}
#new_div
{
margin:auto;
display:-webkit-box;
display:-moz-box;
display:-o-box;
display:-ms-box;
display:-box;
display:-pie-box;
text-align:left;
-webkit-box-flex:1;
-moz-box-flex:1; /* Firefox, seamonkey etc */
-o-box-flex:1; /* Opera */
-ms-box-flex:1; /* MSIE */
-box-flex:1;
-pie-box:1;
-webkit-box-pack:center;
-box-pack:center;
-moz-box-pack:center;
-o-box-pack:center;
-ms-box-pack:center;
-pie-box-pack:center;
background-color:#25282D;
-webkit-box-orient:horizontal;
-moz-box-orient:horizontal;
-o-box-orient:horizontal;
-ms-box-orient:horizontal;
-box-orient:horizontal;
-pie-box-orient:horizontal;
min-width:940px;
padding:20px;
behavior: url(../../Content/pie/PIE.htc);
}
Tam możesz zobaczyć, że mam nazwy -ms-box- .. zdefiniowane obok innych definicji, jednak nadal się nie rejestruje. Próbowałem użyć biblioteki CSS3Pie z desperacji, ale to nie zadziałało, próbowałem zainstalować wtyczkę Chrome dla IE, chociaż to też się nie powiodło i nie mam pojęcia, co robić faceci. Może pojawił się problem składniowy z css, już napisałem to, co go wyrzuca, ale jak powiedziałem, działa dobrze w innych przeglądarkach. Wszelkie sugestie lub wskazówki?