Agradeço qualquer crítica no código, vou depois fazer com uma classe para o ie6. Abaixo coloco a forma.
Este link é só onde estou fazendo as modificações para o ie6:
Index: http://www.jopeu.net...nio/index9.html
css: http://www.jopeu.net...inio/quali9.css
Este link é para os outros navegadores, (aparentemente pronto):
Index: http://www.jopeu.net...nio/index8.html
css: http://www.jopeu.net...inio/quali8.css
Para terminar o código pronto penso fazer:
ESTE CÓDIGO PEGUEI NA WEB == NÃO É DE MINHA AUTORIA
<html><head><link rel="stylesheet" type="text/css" href="estilos.css" /></head>===<!--[if IE 6 ]><body class=â€ieâ€><![endif]–><!–[if !IE 6]>–><body><!–<![endif]–>===============<div id=â€menuâ€>conteúdo do site….</div></body></html>
A classe “ie†[class="ie"] será aplicada apenas quando o browser utilizado é o Internet Explorer 6 [if IE 6].
Caso contrário o <body> fica sem nenhuma classe [o sinal "!" significa "não igual"].
E escrever nosso CSS da seguinte maneira:
div#menu { color: inherit; } /* linha interpretada por todos os browsers */
.ie div#menu { color: #ff8000; } /* linha interpretada apenas pelo IE 6 */
Ou seja, podemos colocar todas as correções precedidas pelo seletor de classe “.ieâ€, dessa forma apenas o IE 6 irá interpretá-las.
Eliminamos assim a necessidade de um segundo arquivo e ficamos livres também dos hacks, podendo então escrever CSS 100% válido.
Edição feita por: Édipo Costa Rebouças, 08/09/2009, 09:56.
