none
Bordas arredondadas css sharepoint X internet explorer 9 RRS feed

  • Pergunta

  • Olá,

    Tenho um problema que a muito tento resolver sem sucesso. Coloco a propriedade border-radius no meu estilo dentro do Sharepoint 2010. E todos os navegadores que suportam css3 aceitam o comando e executam o efeito normalmente. Mas o internet explorer 9 não. Já alterei as opções de validação de strict para transitional e nada. Creio q deva ser alguma coisa sobre a versão do css que a do sharepoint é 2.1.

    Mas não descubro nenhuma solução.

    Se alguém poder me ajudar ficarei muito grato. Tento resolver isso a meses.

    Desde já agradeço

    segunda-feira, 5 de novembro de 2012 13:47

Respostas

  • Matheus,

    Descobri que quando você cria um página, seja um aspx, html ou até uma master page, você pode definir a compatibilidade do documento.

    Ex.: Sua página possui recursos que podem ser usados no IE9, como a borda arredondada. Então você vai na sua página e insere a seguinte uma tag.

    Essa tag é o <meta>. Essa tag possui algumas propriedades, como a propriedade content.
    É essa propriedade que você define a compatibilidade do seu site.

    O problema que você esta tendo, é que a sua master page estar configurada para usar compatibilidade do documento com o IE8. Então o SharePoint força você a utilizar o modo de documentos padrão do IE8.

    Solução: Eu fui na minha master page, coloquei em modo de edição, alterei a tag e salvei.
    <meta http-equiv="X-UA-Compatible" content="IE=8"/>
    para
    <meta http-equiv="X-UA-Compatible" content="IE=9"/>

    agora funcionou. Teste e me avise.

    Referência:
    msdn.microsoft.com/pt-br/library/cc288325%28v=vs.85%29.aspx


    Atenciosamente, Rafael Fausto

    • Marcado como Resposta Matheus Paiva quarta-feira, 7 de novembro de 2012 10:41
    quarta-feira, 7 de novembro de 2012 00:53

Todas as Respostas

  • Matheus,

    Pode postar a parte do seu css?


    Atenciosamente, Rafael Fausto

    segunda-feira, 5 de novembro de 2012 16:03
  • Segue o css

    #conteudo {
    background: white;
    border-radius:0 0 3px 3px;
    -moz-border-radius:0 0 3px 3px;
    -webkit-border-radius:0 0 3px 3px;
    }


    segunda-feira, 5 de novembro de 2012 16:43
  • Matheus,

    http://www.w3schools.com/cssref/css3_pr_border-radius.asp

    Tenta abrir o exemplo no seu IE 9.

    http://www.w3schools.com/cssref/tryit.asp?filename=trycss3_border-radius

    No site diz que funciona nessas versões.

    * The border-radius property is supported in IE9+, Firefox 4+, Chrome, Safari 5+, and Opera.


    Atenciosamente, Rafael Fausto

    segunda-feira, 5 de novembro de 2012 17:13
  • Rafael,

    o exemplo funcionou perfeitamente. Eu já rodei aplicações asp feitas no meu visual studio funcionando localmente e coloquei nos estilos a propriedade border-radius e o internet explorer 9 interpretou direitnho e fez a borda arredondada. O problema é o Sharepoint, algum estilo ou validação por javascript deve estar excluindo a propriedade border-radius, por não conseguir interpreta-la.

    Att

    segunda-feira, 5 de novembro de 2012 17:19
  • Matheus,

    Eu peguei o exemplo que postei anteriormente e publiquei em uma web part de editor de conteúdo.

    Olha o resultado.

    * No firefox funcionou. Somente no IE que deu problema, mas o meu IE é o 8.


    Atenciosamente, Rafael Fausto

    segunda-feira, 5 de novembro de 2012 18:15
  • Rafael,

    Testei o exemplo no Chrome e no firefox, funcionou! Mas no ie9 não. 

    No entanto, abri o console de código (F12) e ativei o modo do navegador como IE9. E as bordas funcionaram normalmente. Será que o Sharepoint não está emulando as versões anteriores do Internet explorer por algum tipo de padrão ou coisa parecida.

    Muito obrigado por sua atenção até o momento

    Att,

    terça-feira, 6 de novembro de 2012 11:30
  • Como aqui não tem IE9, quando chegar em casa  eu ligo a maquina virtual e faços alguns testes.

    Qualquer novidade é só postar.


    Atenciosamente, Rafael Fausto

    terça-feira, 6 de novembro de 2012 12:49
  • OK Rafael, 

    Fico no aguardo e tentando por aqui.

    Att,

    terça-feira, 6 de novembro de 2012 14:18
  • Matheus,

    Descobri que quando você cria um página, seja um aspx, html ou até uma master page, você pode definir a compatibilidade do documento.

    Ex.: Sua página possui recursos que podem ser usados no IE9, como a borda arredondada. Então você vai na sua página e insere a seguinte uma tag.

    Essa tag é o <meta>. Essa tag possui algumas propriedades, como a propriedade content.
    É essa propriedade que você define a compatibilidade do seu site.

    O problema que você esta tendo, é que a sua master page estar configurada para usar compatibilidade do documento com o IE8. Então o SharePoint força você a utilizar o modo de documentos padrão do IE8.

    Solução: Eu fui na minha master page, coloquei em modo de edição, alterei a tag e salvei.
    <meta http-equiv="X-UA-Compatible" content="IE=8"/>
    para
    <meta http-equiv="X-UA-Compatible" content="IE=9"/>

    agora funcionou. Teste e me avise.

    Referência:
    msdn.microsoft.com/pt-br/library/cc288325%28v=vs.85%29.aspx


    Atenciosamente, Rafael Fausto

    • Marcado como Resposta Matheus Paiva quarta-feira, 7 de novembro de 2012 10:41
    quarta-feira, 7 de novembro de 2012 00:53
  • Rafael,

    Funcionou perfeitamente, muito obrigado você me ajudou com um problema de meses. 

    Problema resolvido e obrigado novamente pela paciência e pela ajuda.

    Att

    quarta-feira, 7 de novembro de 2012 10:41