18November2008
CSS: Resolvendo bugs no IE6
por: Alex Camillo em: CSS; Produção Web; XHTML; desenvolvimento web.
Quem nunca teve problemas desenvolvendo algum projeto usando o Internet Exolorer 6? Devido a sua falta de suporte aos padrões web, é quase inevitável não ter algum tipo de dor de cabeça. Mas é de extrema importância fazer com o que o projeto/site, seja visualisado da mesma forma em todos os browsers, digo: Internet Explorer 6, 7 e 8, Firefox 3.0.4, Safari 3.2, Opera 9.62 e Google Chrome. Mais uma coisa a ressaltar; Nunca devemos usar hacks, sempre há uma solução para se livrar de problemas. Em minha opnião é totalmente anti-profissional. Hacks são como o nosso famoso jeitinho brasileiro. Seja trabalhando como freelance ou em uma agência devemos sempre optar pelo profissionalismo, seguir padrões para que outros desenvolvedores saibam exatamente onde mexer caso precisem fazer alguma atualização no projeto.
Problemas mais comuns no IE6
-
- Margem Dupla;
- PNG transparente;
- Position:fixed;
- Margin: auto;
- Line-Height.
Quer a lista completa dos bugs no IE6?
Resolvendo os Bugs
Para começar, se você assim como eu gosta de se manter atualizado, com as versões mais recentes de seus browsers mas tem consciência de qua ainda é preciso checar seu trabalho no famigerado IE6, a solução é instalar multiplas versões do browser. Por algum motivo que ainda não descobri, o Multiple IE’s não funcionou com o Windows Vista, como em meu desktop, ainda utilizo o Windows XP, problema “resolvido”.
Biblioteca IE7.js
Uma maneira bastante simples de resolver todos os bugs do interner explorer 6 é utilizando a biblioteca IE7.js. A biblioteca faz com que o IE6 fique com a cara do IE7. Para tanto basta adcionar a condiconal baixo entra as tags <head></head> da sua página.
<!–[if lt IE 7]>
<script src=”http://ie7-js.googlecode.com/svn/version/2.0(beta3)/IE7.js” type=”text/javascript”></script>
<![endif]–>
Como nem tudo é perfeito, o problema na utilização da biblioteca ocorrerá se o usuário do site tiver desabilitado javascript em seu browser.
Reset.css
Iniciar o CSS com todos as tags HTML sem qualquer estilo padrão definido pelo browser para evitar Alguns problemas é uma boa solução, já que, por padrão, todos os elementos HTML possuem um estilo incorporado. Atualmente utilizo a tecnica do Eric Meyer.
html, body, div, span, applet, object, iframe, table, caption,
tbody, tfoot, thead, tr, th, td, del, dfn, em, font, img, ins,
kbd, q, s, samp, small, strike, strong, sub, sup, tt, var,
h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr,
acronym, address, big, cite, code, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend {
vertical-align: baseline;
font-family: inherit;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
outline: 0;
padding: 0;
margin: 0;
border: 0;}
:focus{outline:0;}
body{background:white;line-height:1;color: black;}
ol, ul{list-style: none;}
table{border-collapse: separate;border-spacing:0;}
caption, th, td{font-weight: normal;text-align:left;}
blockquote:before, blockquote:after, q:before, q:after{content: “”;}
blockquote, q{quotes: “” “”;}
Apesar de todo trabalho que dá, e dá trabalho mesmo, nada melhor do que fazer um trabalho bem feito e entregar nosso código redondinho!
18November2008
Links for 2008-11-18 [del.icio.us]
por: Alex Camillo em: Delicious; Fonte de Inspiração; Links; desenvolvimento web.
- 404 Pages customizadas
- Tipografia: Fontes para download
- Galeria de imagens para download
- Joomla Templates para o seu natal
- Illustrator: Brushes para download
- Design: Excelentes menus de navegação para sua inspiração
- Design: 23 designs para sua inspiração
- Joomla: Excelentes Templates
- Designers: Os 5 melhores
- Photoshop: 500 brushes para download
- 20 fontes que todo designer iniciante precisa conhecer
- Iphone: ïcones para download
(4 votos, média de: 4.25 de 5)
Loading ...
Loading ...
Pots Relacionados