Ir para conteúdo

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

stromdh

IE não lê as regras do arquivo less

Recommended Posts

Amigos, fiz um site em less em um cms chamado dnn (dotnetnuke). O site está funcionando corretamente a não ser por um detalhe, no IE ele está apresentando uma pequena diferença no posicionamento de alguns elementos.

 

Eu utilizei as regras de flex-box para diagramar o site e coloquei os prefixos para ie. Ficou meio embolado porque precisei fazer tudo muito rapidamente mas existem três botões que estão deslocados. O problema que motivou minha postagem é que eu olho no console do ie e lá ele aparentemente não lê as regras do arquivo less. Cliquei no exibir ID e classes no console mas os ids e as classes mostradas são as do bootstrap e nenhuma do arquivo less. Abaixo eu postei o link do site, quem puder me ajudar ficarei imensamente grato.

 

valeu pela atenção galera.

 

abs


opa... agora sim o link:

 

http://www.gruposafeweb.com.br/

Compartilhar este post


Link para o post
Compartilhar em outros sites

Você já tentou fazer um CSS nativo (Sem LESS) e usar a seguinte sintaxe:

<!--[if lt IE 9]>
   <link rel="stylesheet" type="text/css" href="css/style.css" />
<![endif]-->

LT IE 9 = Versões acima do 8 pegam o seu stylesheet.
LTE IE 9 = Versões abaixo da 9 pegam o seu stylesheet.

Em questão a versão, em qual IE você está testando? Pra facilitar, você pode adicionar duas librarys conhecidas como "html5shiv.js" e "respond.js" da mesma forma que o if acima, ficaria mais ou menos dessa forma:

<!--[if lt IE 9]>
   <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
   <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->


Compartilhar este post


Link para o post
Compartilhar em outros sites

Professor, estou usando o IE 10, eu já tinha tentado colocar comentários condicionais pro IE desde a versão 8 até a 11, mas não deu certo. Dae pra testar se estava funcionando, eu fiz um comentário condicional para o 10 e dentro dele fiz um script disparando um alert() com um "ola mundo" e não disparou meu alert.

 

Esse teu segundo if é o que está no get started do bootstrap... está lá na header do meu site.

 

A única coisa que eu não tentei é colocar dentro do comentário condicional um css nativo com as regras do flex. Vou tentar essa opção e postarei o resultado

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.