tenho um site, que está perfeito em todos os navegadores, exceto o ie6. Neste, ele perde os headings do centro da página.
Fui por critério de "apagação", kkkk... apagando trecho por trecho, javascripts, jquerys para ver se não havia nenhum conflito... surpresa... deixei só a div com os headings... sem mais nada, absolutamente NADA, e continua não funcionando. Tirei todo o css também, e no meu IE6, não tem jeito!
Perdi as esperanças... o que pode haver de conflito neste código simples, para não funcionar?!
CSS
/* Definições gerais */ body { font-family:Arial; font-size:12px;} #geral { background:#fff; } /* Conteúdo */ #ladoA h2, #ladoB h2 { color:#C52; font-size:18px; font-weight:bold; } #ladoA h3, #ladoB h3 { color:#DA6; font-size:14px; font-weight:bold; }
HTML
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <link rel="stylesheet" type="text/css" href="css/estilo.css" /></head><body> <div id="geral"> <div id="ladoA"> <h2>Destaques</h2> <h3>Fique por dentro das novidades!</h3> </div> <div id="ladoB"> <h2>O Sistema Positivo de Ensino</h2> <h3>Conheça o que nós oferecemos para sua instituição. </h3> </div> </div></body></html>
alguém viu algo errado?!