[Resolvido] Problema com ie6
Olá galera, sou novo aqui no fórum, e espero que possam me ajudar.
Tenho esse código na página chamada "notícias.php" em html puro:
<!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">](http://www.w3.org/1999/xhtml)
<head>
<title>InTecC | Web - Criação e desenvolvimento de sites e hospedagem</title>
<meta name="verify-v1" content="6UgeNz6aWjgvL+Dwbvx/nETQFvCM3sNEZlwZKksIZaE=" />
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<meta name="description" content="Criação de Sites. Além do desenvolvimento, trabalhamos na otimização para que o seu Site seja visto nos buscadores, como Google, Yahoo, Cadê, entre outros." />
<meta name="keywords" content="criação de sites, construção de sites, desenvolvimento de sites, agência de internet, brasília, Hospedagem" />
<style type="text/css"><!--
body {
background-image: url(img/bg_solucao_1.jpg);
background-repeat: repeat-x;
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
background-color: #617B9E;
color: #FFFFFF;
line-height: 14px;
}-->
</style>
<link href="css/ff.css" rel="stylesheet" type="text/css" />
<!--[if lte IE 7]>
<link href="css/ie7.css" rel="stylesheet" type="text/css" />
<![endif]-->
</head>
<body>
<div id="DIV_container">
<div id="DIV_conteudo"><!--/###################### menu ######################/-->
<div id="DIV_container_menu">
<div class="btns_menu" id="DIV_menu_1">
<div class="btn">
<a href="index.php" target="_self">
<span>
<img src="img/menu_1_1.jpg" alt="Página Inicial" border="0" title="Página Inicial" /><img title="Página Inicial" src="img/menu_1_2.jpg" alt="Página Inicial" border="0" />
</span>
</a>
</div>
</div>
<div class="btns_menu" id="DIV_menu_2">
<div class="btn">
<a href="solucao_web.php" target="_self">
<span>
<img src="img/menu_2_1.jpg" alt="Conheça as melhores vantagens do mercado oferecidas pela InTecC Web" border="0" title="Conheça as melhores vantagens do mercado oferecidas pela InTecC Web" /><img title="Conheça as melhores vantagens do mercado oferecidas pela InTecC Web" src="img/menu_2_2.jpg" alt="Conheça as melhores vantagens do mercado oferecidas pela InTecC Web" border="0" />
</span>
</a>
</div>
</div>
<div class="btns_menu" id="DIV_menu_3">
<div class="btn">
<a href="orcamento.php" target="_self">
<span>
<img src="img/menu_3_1.jpg" alt="Solicite um orçamento sem compromisso" border="0" title="Solicite um orçamento sem compromisso" /><img title="Solicite um orçamento sem compromisso" src="img/menu_3_2.jpg" alt="Solicite um orçamento sem compromisso" border="0" />
</span>
</a>
</div>
</div>
<div class="btns_menu" id="DIV_menu_4">
<div class="btn">
<a href="contato.php" target="_self">
<span>
<img src="img/menu_4_1.jpg" alt="Entre em contato conosco" border="0" title="Entre em contato conosco" /><img title="Entre em contato conosco" src="img/menu_4_2.jpg" alt="Entre em contato conosco" border="0" />
</span>
</a>
</div>
</div>
</div><!--/###################### banner ####################/-->
<div id="DIV_banner">
<img src="img/banner_temp.png" alt="" />
</div><!--/###################### título ####################/-->
<div id="DIV_titulo_noticias">
</div><!--/###################### conteúdo ##################/-->
<div class="div_conteudo_principal">
<div class="div_conteudo_1">
</div>
<div class="div_conteudo_2">
<div class="container_noticia">
<div class="fundo_img_noticia">
<img src="img/not_logo_1_3.jpg" class="" alt="" />
</div>
<span class="titulo_noticia">
Website da equipe S ou S Megahair em fase de desenvolvimento
</span>
<br />
<br />
A febre que invadiu a telinha e os salões atende pelo nome de Mega Hair. Um pouco de cola, mechas falsas e muita técnica transformam qualquer Joana D’Arc em Rapunzel. São horas e horas na cadeira do cabeleireiro, que substituem meses e meses de crescimento dos fios.
<br /><br />
Agora a InTecC Web fecha parceria com uma das melhores equipes especializadas nesse segmento em Brasília, a S ou S Megahair.
<br /><br />
Os alongamentos Mega Hair são feitos com cabelos naturais, escolhidos para casar com o tom do seu cabelo. As mexas de Mega Hair são coladas ao seu cabelo com um polímero de queratina. Ele possui a mesma substância e peso molecular do seu cabelo. Além de colar ele protege os fios evitando a quebra dos cabelos. As emendas são praticamente imperceptíveis e seus novos cabelos vão durar de 3 a 6 meses. A partir daí você terá apenas que fazer manutenções para que o seu cabelo continue maravilhoso.
<br /><br />
(61) 8141-8350
<br />
contato@sousmegahair.com.br
<br /><br />
<div class="btn_acesse_preview">
<div class="btn">
<a href="[http://www.sousmegahair.com.br/"](http://www.sousmegahair.com.br/) target="_blanks">
<span>
<img src="img/btn_acesse_preview_1.png" title="[http://www.sousmegahair.com.br/"](http://www.sousmegahair.com.br/) alt="[http://www.sousmegahair.com.br/"](http://www.sousmegahair.com.br/) border="0" /><img src="img/btn_acesse_preview_2.png" title="[http://www.sousmegahair.com.br/"](http://www.sousmegahair.com.br/) alt="[http://www.sousmegahair.com.br/"](http://www.sousmegahair.com.br/) border="0" />
</span>
</a>
</div>
</div>
</div>
<br />
<img class="titulo" src="img/linha_1.png" alt="" />
<br />
<div class="container_noticia">
<div class="fundo_img_noticia">
<img src="img/not_logo_2_3.jpg" class="" alt="" />
</div>
<span class="titulo_noticia">
Website da empresa Mariana Decorações em fase de desenvolvimento
</span>
<br />
<br />
Mariana Decorações LTDA. fundada pelo Valdomiro Mariano da Silva, em julho de 1982. Todo esse tempo no mercado (27anos) possibilitou a fabricação de praticamente todos os tipos de cortinas, modelos (clássicas, modernos, e outros).
<br /><br />
O potencial da Decorações Mariana vem, desde sempre, sendo divulgado por meio publicações de destaque em revistas renomadas especializadas em decoração, como revista Evidence, entre outras.
<br /><br />
Com o intuito de seguir tendências, a produção sofre constantes atualizações mantendo sempre a qualidade e a customização de cortinas, que é considerado o principal diferencial da empresa.
<br /><br />
(61) 3354-5552
<br />
(61) 3354-2755
<br />
(61) 3354-1453
<br />
(61) 3963-7453 (Fax)
<br />
contato@marianadecoracoes.com.br
<br /><br />
<div class="btn_acesse_preview">
<div class="btn">
<a href="[http://www.marianadecoracoes.com.br/"](http://www.marianadecoracoes.com.br/) target="_blanks">
<span>
<img src="img/btn_acesse_preview_1.png" title="[http://www.marianadecoracoes.com.br/"](http://www.marianadecoracoes.com.br/) alt="[http://www.marianadecoracoes.com.br/"](http://www.marianadecoracoes.com.br/) border="0" /><img src="img/btn_acesse_preview_2.png" title="[http://www.marianadecoracoes.com.br/"](http://www.marianadecoracoes.com.br/) alt="[http://www.marianadecoracoes.com.br/"](http://www.marianadecoracoes.com.br/) border="0" />
</span>
</a>
</div>
</div>
</div>
<br />
<img class="titulo" src="img/linha_1.png" alt="" />
<br />
<div class="container_noticia">
<div class="fundo_img_noticia">
<img src="img/not_logo_3_3.jpg" class="" alt="" />
</div>
<span class="titulo_noticia">
Website da empresa Microscope Service em fase de desenvolvimento
</span>
<br />
<br />
Empresa especializada em manutenção preventiva e corretiva de Microscópios.
<br /><br />
(61) 8191-3715
<br />
contato@microscopeservice.com.br
<br /><br />
<div class="btn_acesse_preview">
<div class="btn">
<a href="[http://www.microscopeservice.com.br/"](http://www.microscopeservice.com.br/) target="_blanks">
<span>
<img src="img/btn_acesse_preview_1.png" title="[http://www.microscopeservice.com.br/"](http://www.microscopeservice.com.br/) alt="[http://www.microscopeservice.com.br/"](http://www.microscopeservice.com.br/) border="0" /><img src="img/btn_acesse_preview_2.png" title="[http://www.microscopeservice.com.br/"](http://www.microscopeservice.com.br/) alt="[http://www.microscopeservice.com.br/"](http://www.microscopeservice.com.br/) border="0" />
</span>
</a>
</div>
</div>
</div>
<br />
<img class="titulo" src="img/linha_1.png" alt="" />
<br />
<div class="container_noticia">
<div class="fundo_img_noticia">
<img src="img/not_logo_4_3.jpg" class="" alt="" />
</div>
<span class="titulo_noticia">
Website do Provedor de acesso Zapt Net em fase de desenvolvimento
</span>
<br /><br />
Localizada na cidade de Areia, a Zapt Net é uma empresa especializada em prover acesso à Internet com alta performance via ondas de rádio, atuando no mercado de internet e comunicação há mais de 1 ano.
<br /><br />
Tem como missão oferecer um sistema de comunicação eficiente na área de Internet, com um processo tecnológico atualizado, para assim suprir as necessidades e expectativas de seus clientes.
<br /><br />
Contam hoje com um CPD (Central de Processamento de Dados) de última geração interligado a Embratel, com servidores de altíssima tecnologia equipados com sistema de redundância entre si, Além possuir um sistema projetado afim de garantir a segurança total de seus clientes, bem como um sistema anti falhas visando a prestação do serviço 24 horas.
<br /><br />
(83) 3362-2289
<br />
contato@zaptnet.com
<br /><br />
<div class="btn_acesse_preview">
<div class="btn">
<a href="[http://www.zaptnet.com/"](http://www.zaptnet.com/) target="_blanks">
<span>
<img src="img/btn_acesse_preview_1.png" title="[http://www.zaptnet.com/"](http://www.zaptnet.com/) alt="[http://www.zaptnet.com/"](http://www.zaptnet.com/) border="0" /><img src="img/btn_acesse_preview_2.png" title="[http://www.zaptnet.com/"](http://www.zaptnet.com/) alt="[http://www.zaptnet.com/"](http://www.zaptnet.com/) border="0" />
</span>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div><!--/###################### rodape ######################/-->
<div class="container">
<div class="conteudo">
<div class="div_conteudo_solucao_2">
<img src="img/fundo_solucao_3.jpg" border="0" usemap="#termos" alt="" />
<div id="DIV_selo_xhtml_comum">
<a href="[http://validator.w3.org/check?uri=referer"](http://validator.w3.org/check?uri=referer) target="_blank">
<img src="img/selo_xhtml.jpg" alt="XHTML 1.0 Transitional válido" border="0"/>
</a>
</div>
<div id="DIV_selo_css_comum">
<a href="[http://jigsaw.w3.org/css-validator/check/referer"](http://jigsaw.w3.org/css-validator/check/referer) target="_blank">
<img src="img/selo_css.jpg" alt="CSS válido" border="0"/>
</a>
</div>
<map name="termos" id="termos">
<area shape="rect" coords="452,158,543,175" href="termos_de_uso.php" target="_self" alt="" />
</map>
</div>
<div id="DIV_texto_contato">
email: contato@inteccsd.com.br
-
MSN: msn@inteccsd.com.br
-
Skype: inteccsd <br />
<br />
<span class="texto_telefone">
(61) 3399-5612
</span>
</div>
</div>
</div>
<div class="bg_rodape">
</div></body>
</html>@charset "utf-8";
.btn {
width: 200%;
white-space: nowrap;
position: relative;
display: block;
margin-left: 0%;
text-align: left;
float: left;
}.btn a:hover {
width: 200%;
white-space: nowrap;
position: relative;
display: block;
margin-left: -50%;
}
.btns_menu {
white-space: nowrap;
overflow: hidden;
position: relative;
}
#DIV_titulo_orcamento {
position:absolute;
left:154px;
top:210px;
width:243px;
height:43px;
z-index:2;
background-image: url(../img/titulo_orcamento.png);
background-repeat: no-repeat;
background-position: left center;
}
#DIV_titulo_solucao {
position:absolute;
left:154px;
top:210px;
width:243px;
height:43px;
z-index:2;
background-image: url(../img/titulo_solucao.png);
background-repeat: no-repeat;
background-position: left center;
}
#DIV_titulo_contato {
position:absolute;
left:154px;
top:210px;
width:243px;
height:43px;
z-index:2;
background-image: url(../img/titulo_contato.png);
background-repeat: no-repeat;
background-position: left center;
}
#DIV_titulo_noticias {
position:absolute;
left:154px;
top:210px;
width:243px;
height:43px;
z-index:2;
background-image: url(../img/titulo_noticias.png);
background-repeat: no-repeat;
background-position: left center;
}
#DIV_titulo_termos_de_uso {
position:absolute;
left:154px;
top:210px;
width:243px;
height:43px;
z-index:2;
background-image: url(../img/titulo_termos.png);
background-repeat: no-repeat;
background-position: left center;
}/ CSS Document /
#DIV_home_btn_saiba_mais {
position:absolute;
left:721px;
top:554px;
width:75px;
height:19px;
z-index:1;
text-align: left;
}
#DIV_home_btn_ver_todos {
position:absolute;
left:264px;
top:549px;
width:81px;
height:19px;
z-index:1;
text-align: left;
}
#DIV_container {
position:relative;
left:0px;
top:0px;
width:100%;
z-index:1;
text-align: center;
display: block;
margin-left: -448px;
}
#DIV_conteudo {
position:relative;
width:895px;
z-index:2;
margin-left: 50%;
}
#DIV_banner {
position:absolute;
left:435px;
top:80px;
z-index:2;
overflow:hidden;
}
#DIV_container_menu {
position:absolute;
left:0px;
top:0px;
width:895px;
height:60px;
z-index:10;
}
#DIV_menu_1 {
position:absolute;
left:426px;
top:0px;
width:51px;
height:60px;
text-align: left;
}
#DIV_menu_2 {
position:absolute;
left:476px;
top:0px;
width:96px;
height:60px;
z-index:10;
text-align: left;
}
#DIV_menu_3 {
position:absolute;
left:572px;
top:0px;
width:129px;
height:60px;
z-index:10;
text-align: left;
}
#DIV_menu_4 {
position:absolute;
left:700px;
top:0px;
width:95px;
height:60px;
z-index:10;
text-align: left;
line-height: 13px;
}
#DIV_texto_solucao {
position:absolute;
left:635px;
top:449px;
width:162px;
height:99px;
z-index:2;
overflow: hidden;
text-align: left;
}
#DIV_home_noticia_1 {
position:absolute;
left:110px;
top:234px;
width:257px;
height:104px;
z-index:2;
}
#DIV_home_img_not_1 {
position:absolute;
left:20px;
top:17px;
width:69px;
height:69px;
z-index:1;
text-align: left;
}
#DIV_home_noticia_2 {
position:absolute;
left:110px;
top:341px;
width:257px;
height:104px;
z-index:2;
}
#DIV_home_img_not_2 { position:absolute;
left:20px;
top:17px;
width:69px;
height:69px;
z-index:1;
text-align: left;
}
#DIV_home_noticia_3 {
position:absolute;
left:110px;
top:445px;
width:257px;
height:104px;
z-index:2;
}
#DIV_home_img_not_3 {position:absolute;
left:20px;
top:17px;
width:69px;
height:69px;
z-index:1;
text-align: left;
}
.home_noticia_titulo {
position:absolute;
left:110px;
top:9px;
width:134px;
height:29px;
z-index:2;
overflow: hidden;
text-align: left;
font-weight: bold;
}
.home_noticia_texto {
position:absolute;
left:110px;
top:41px;
width:134px;
height:55px;
z-index:2;
overflow: hidden;
text-align: left;
}
.titulo {
margin-top: 10px;
margin-bottom: 10px;
position: relative;
display: block;
}
.marcador_1 {
margin-left: 10px;
margin-right: 5px;
}
.div_conteudo_principal {
width: 100%;
background-image: url(../img/fundo_solucao_2.jpg);
background-repeat: repeat-y;
background-position: left;
text-align: left;
float: left;
position: relative;
z-index: 0;
}
.div_conteudo_1 {
position:relative;
left:0px;
width:100%;
z-index:1;
display: block;
height: 651px;
background-image: url(../img/fundo_conteudo_1.jpg);
background-repeat: no-repeat;
}
.div_conteudo_2 {
position:relative;
left:0px;
width:600px;
z-index:2;
display: block;
margin-top: -340px;
padding-left: 145px;
}
.container {
position:relative;
left:0px;
top:0px;
width:100%;
z-index:2;
text-align: center;
display: block;
margin-left: -448px;
}
.conteudo {
position:relative;
width:895px;
z-index:2;
margin-left: 50%;
}
.bg_rodape {
position:relative;
left:0px;
top:0px;
width:100%;
z-index:1;
display: block;
background-image: url(../img/bg_solucao_2.jpg);
background-repeat: repeat-x;
height: 209px;
margin-top: -209px;
}a:link {
color: #FFFFFF;
text-decoration: none;
}a:visited {
text-decoration: none;
color: #FFFFFF;
}a:hover {
text-decoration: none;
color: #FF8C1A;
}a:active {
text-decoration: none;
color: #FFFFFF;
}
#DIV_observacoes {
position:absolute;
left:151px;
top:62px;
width:590px;
height:50px;
z-index:3;
text-align: left;
color: #999999;
}
#DIV_texto_contato
{
position:absolute;
left:151px;
top:62px;
width:590px;
height:50px;
z-index:3;
text-align: center;
color: #FFFFFF;
}
.texto_telefone {
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
font-weight: bold;
}
.fundo_img_noticia {
background-image: url(../img/sombra_noticia.png);
background-repeat: no-repeat;
height: 179px;
width: 176px;
float: left;
padding-top: 6px;
padding-left: 9px;
display: block;
margin-left: -10px;
margin-bottom: -12px;
}
.titulo_noticia {
font-weight: bold;
}
.container_noticia {
display: block;
margin-bottom: 20px;
float: left;
padding-left: 10px;
}
.btn_acesse_preview {
white-space: nowrap;
overflow: hidden;
display: block;
height: 19px;
width: 108px;
text-align: left;
position: relative;
}
#DIV_selo_xhtml_home {
position:absolute;
left:74px;
top:603px;
width:93px;
height:24px;
z-index:2;
}
#DIV_selo_css_home {
position:absolute;
left:173px;
top:603px;
width:66px;
height:24px;
z-index:2;
}
#DIV_selo_xhtml_comum {
position:absolute;
left:74px;
top:155px;
width:93px;
height:24px;
z-index:2;
}
#DIV_selo_css_comum {
position:absolute;
left:173px;
top:155px;
width:66px;
height:24px;
z-index:2;
}Meu problema está no internet Explorer 6, nem o menu (DIV com id "DIV_container_menu"), nem o banner aparecem na página, são simplesmente encobertos pela DIV com class "div_conteudo_principal". já tentei de tudo pra corrigir isso, não tenho a menor idéia do porque disso.
Espero que possam me dar uma luz
link do site >> www.inteccsd.com.br
Grato
Discussão (2)
Carregando comentários...