Skip Navigation Links
Novas Tecnologias
Ferramentas Adicionais
Ferramentas Adicionais


Dica No :
863
Assunto : ASP.NET
Titulo: Corrigindo a exibição de linhas da Treeview no IE 7

Gostou do texto ? Vote e dê sua opinião! Pontuação atual :

Translate this page now :






Adicione aos Favoritos!
BlogBlogs Rec6 Linkk Ueba Technorati Delicious DiggIt! StumbleUpon



O ASP.NET 2.0 nos trouxe a Treeview, que ligada ao siteMap, é um poderoso objeto de navegação no site.

Porém, entre as opções de design da treeview existe um pequeno problema : Se habilitarmos a opção show lines o IE 7 exibe as linhas da treeview de forma errada, quebrando as linhas e causando cortes indesejáveis.

Isso ocorre devido as inúmeras mudanças que o IE 7 fez na forma de processamento do HTML e CSS justamente para se tornar mais aderente aos padrões do W3C.

Porém, se design é o problema, design é a solução. Utilizando CSS podemos corrigir o problema, veja :

<style>
.tree td div {
height : 20px !important
}
</style>

As DIVs geradas pela renderização da treeview tem apenas 1px de altura. Isso funciona bem no IE 6 e outros browser mas não funciona bem para o IE 7. Então com essa alteração de estilo o problema é resolvido.

Porém observem uma questão interessante : Normalmente a altura definida diretamente na tag da DIV iria sobrepor a altura definida no estilo. Mas neste caso utilizamos a palavra chave !important do CSS. Essa palavra chave faz com que a definição de estilo que estamos fazendo se sobreponha as definições específicas existentes na DIV.

Feito o estilo, basta aplica-lo na treeview (propriedade CSSCLASS) e as linhas passarão a funcionar no IE 7


Nome :
E-mail:
Comentarios :
 
 
Os Últimos Comentários
data: 11/27/2017 3:20:00 PM
nome: ThppEcPBgMMrsL
email: jimosanil0c@hotmail.com
comentário:
NGCndz http://www.LnAJ7K8QSpfMO2wQ8gO.com

data: 10/14/2016 9:45:00 PM
nome: tqMcUStxMZGDfAm
email: jimos4581rzt@hotmail.com
comentário:
kh7KIj http://www.FyLitCl7Pf7kjQdDUOLQOuaxTXbj5iNG.com

data: 10/14/2016 9:34:00 PM
nome: FzibUuLYEctL
email: jimos4581rzt@hotmail.com
comentário:
Qliagr http://www.FyLitCl7Pf7kjQdDUOLQOuaxTXbj5iNG.com

data: 8/12/2016 5:05:00 AM
nome: GGhSLQBGbofYwmUAR
email: jimos4581rt@hotmail.com
comentário:
uQIKYW http://www.FyLitCl7Pf7kjQdDUOLQOuaxTXbj5iNG.com

 1  
Dicas
Dica do Dia
Receba Dicas Por Email
E-mail :  
 


 (help)
Aceito receber informativos do devASPNet, informações de eventos e treinamentos

Veja Quais Informativos Você Receberá

Pesquisar Dicas
Pesquisar Artigos, Dicas e Noticias

Banco de Dados
Algumas Entrevistas
Links Importantes

Búfalo Informática, Treinamento e Consultoria
R. Alvaro Alvim, 37/920 Centro - Cinelândia - Rio de Janeiro Cep: 20031-010
Tel : (21) 2262-1368 (21) 9240-5134 E-mail : Contato@bufaloinfo.com.br