<div id="menu-l"> <ul> <li><a href="produtos.php?produto=areia-fina">Areia Fina</a></li> <li><a href="produtos.php?produto=areia-media">Areia Média</a></li> <li><a href="produtos.php?produto=areia-grossa">Areia Grossa</a></li> <li><a href="produtos.php?produto=pedra-1">Pedra I</a></li> <li><a href="produtos.php?produto=pedra-2">Pedra II</a></li> <li><a href="produtos.php?produto=pedra-3">Pedra III</a></li> <li><a href="produtos.php?produto=bica-corrida">Bica corrida</a></li> <li><a href="produtos.php?produto=po-de-pedra">Pó de pedra</a></li> <li><a href="produtos.php?produto=pedrisco-limpo">Pedrisco limpo</a></li> <li><a href="produtos.php?produto=pedrisco-misto">Pedrisco misto</a></li> <li><a href="produtos.php?produto=rachao">Rachão</a></li> <li><a href="produtos.php?produto=entulho">Entulho</a></li> <li><a href="produtos.php?produto=aterro-de-areia">Aterro de areia</a></li> <li><a href="produtos.php?produto=aterro-do-morro">Aterro do morro</a></li> <li><a href="produtos.php?produto=aterro-reciclado">Aterro reciclado</a></li> <li><a href="produtos.php?produto=terra-vegetal">Terra vegetal</a></li> <li><a href="produtos.php?produto=todos"><i>Todos</i></a></li> </ul> </div> <div id="conteudo-d"> <h1><a href="produtos.php">Produtos</a></h1> <h2>Selecione o produto que deseja ver no menu ao lado</h2> </div> <div id="rodape"> <ul> <li><a href="http://webmail.garth.com.br" target="_blank">Webmail</a></li> <li>Neto Aterro - 2009 - Todos os direitos reservados</li> <li><a href="http://www.garth.com.br">LogoGarth</a></li> </ul> </div> </body> </html>
Quando tiro essa div do rodapé, funciona certinho. Tive um problema em outro site, um erro estranho devido a um <a/> no código, que só encontrei com a ajuda do validador de XHTML do W3C. Validei, sem erros, a folha de CSS mesma coisa. Se quiserem ver na íntegra, segue o link: http://www.netoaterr...duto?areia-fina.
Notei também que se ficar clicando nos ítens do menu superior, às vezes os menus de Produtos e Serviços aparecem :|. Muito esquisito isso né?! Estava fazendo um include de um arquivo nas duas páginas, aí substituí os includes pelos conteúdos do arquivo nas páginas que chamavam o include - mesma cosia. O código, mostrando ou não o menu, é o mesmo.
Agradeço desde já a ajuda pessoal.
_________________________________________________________________________________
Consegui resolver o problema! Uma tarde toda procurando a solução pra no final, tirar UMA linha no CSS meio por acaso, às 2 da manhã! Caso alguém tenha o mesmo problema que eu, aí vai o que fiz: por algum motivo que ainda não compreendi, coloquei o position como absolute da div do menu - que fica flutuando à esquerda e deixei a que flutuava à direita (o conteúdo) como position relative. Isso dava algum problema no IE7, sei lá
. O que achei mais estranho é que tinha vezes que o IE mostrava o menu normalmente. Bom, o que falar do IE né?!
#menu-l {
position:absolute; /* Tirei esta linha */
float:left;
margin, padding:0;
background-color:#DDDDDD;
width:17.9%;
border-top:1px solid #999999;
}
#conteudo-d {
position:relative;
height:460px;
background-color:#F9F9F9;
border-left:1px solid #999999;
text-align:left;
padding:5px 10px 5px 10px;
float:right;
width:80%;
}
Bom, até mais
Edição feita por: Victor Hugo Odo, 04/12/2009, 07:31.
