O que significa exatamente a opção "Exibir sites da intranet no modo de compatibilidade" no IE? Por que seria o padrão?
Eu projeto e desenvolvo com Mac vs PC, então não sou particularmente experiente quando se trata de problemas do Windows / IE.
O cliente está hospedando um site Wordpress que desenvolvi e é executado em um servidor Ubuntu instalado internamente. Seu site anterior foi hospedado em seu servidor Windows no qual eles executam todo o resto. Aqui está uma das páginas do portfólio: link
2 meses depois de lançarmos o site, eles dizem que o formato de suas páginas de portfólio de sites, quando visualizados através do Windows 8.1 e do IE 11, estão mostrando miniaturas de empilhamento inline. Quando eles desativam este modo de compatibilidade, o formato é bom.
Minha pergunta é por que eles precisariam de suas estações de trabalho para exibir sites de intranet em modo de compatibilidade? Seu site anterior estava hospedado no servidor Windows.
Eles sempre são executados no modo compatível, sendo o padrão em todas as suas estações de trabalho. O que mudou foi o upgrade para o IE 11 / Win 8.1 em dezembro. É razoável dizer-lhes para desativar o modo de compatibilidade em todas as suas estações de trabalho? Existem outras razões pelas quais eles precisam ser executados no modo de compatibilidade?
Embora eles estejam dizendo que isso aconteceu - eu não tenho certeza se o site já foi testado no IE internamente - meus testes de navegador todos trabalharam com Browserstack com o IE e ainda fazem com essa configuração. E eu não sei se muitas pessoas usam o IE no escritório.
Além disso - quando eu recriar essas páginas de portfólio no meu site de teste que é hospedado através do HostGator, elas não vêem o problema quando visualizam no modo de compatibilidade no IE.
Devo dizer também que descartei o tema Wordpress e conflitos de plugins. E eu posso recriar o problema através do Firebug / FF no meu Mac quando eu comentar um display: inline-block no css:
.mg-image-showcase .mg-thumbs ul li {
display: inline-block !important;
position: relative !important;
vertical-align: top !important;
}
Se eu usar float: left e adicione list-style: none; Eu consigo alinhar corretamente.
.mg-image-showcase .mg-thumbs ul li {
/*display: inline-block !important;*/
position: relative !important;
vertical-align: top !important;
float:left;
list-style: none;
}
Eu ainda não testei isso com o cliente.
Eu adoraria ouvir qualquer pensamento sobre isso, seria muito apreciado!
Obrigado.