• Revista PROGRAMAR: Já está disponível a edição #53 da revista programar. Faz já o download aqui!

diazzz

Menu no IE7 nao funciona

2 mensagens neste tópico

Corro no FF e no IE6 e tudo corre bem, mas quando executo no IE7 os submenus nao aparecem!!!

O menu:

<div id="menu"> 
    <ul>
     <li id="inicio"><a href="#">Início</a></li>
     <li id="categorias"><a href="#">Categorias<!--[if IE 7]><!--></a><!--<![endif]-->
      <!--[if lte IE 6]><table><tr><td><![endif]-->
      <ul>
       <li id="subcategoria"><a href="#">Nova Categoria</a></li>
       <li id="subcategoria1"><a href="#">Listar Categorias</a></li>
      </ul>
      <!--[if lte IE 6]></td></tr></table></a><![endif]-->
     </li>
     <li id="noticias"><a href="#">Notícias 
      <!--[if IE 7]><!-->
      </a> 
      <!--<![endif]-->
      <!--[if lte IE 6]><table><tr><td><![endif]-->
      <ul>
       <li id="subnoticias"><a href="#">Nova Notícia</a></li>
       <li id="subnoticias1"><a href="#">Listar Notícias</a></li>
       <li id="subnoticias2"><a href="#">Pesquisar Notícias</a></li>
      </ul>
      <!--[if lte IE 6]></td></tr></table></a><![endif]-->
     </li>
     <li id="utilizadores"><a href="#">Utilizadores 
      <!--[if IE 7]><!--> 
      </a> 
      <!--<![endif]-->
      <!--[if lte IE 6]><table><tr><td><![endif]-->
      <ul>
       <li id="subutilizador"><a href="#">Novo Utilizador</a></li>
       <li id="subutilizador1"><a href="#">Listar Utilizadores</a></li>
       <li id="subutilizador2"><a href="#">Enviar Email</a></li>
      </ul>
      <!--[if lte IE 6]></td></tr></table></a><![endif]-->
     </li>
     <li id="chat"><a href="#">Chat</a></li>
     <li id="backup"><a href="#">Backup</a></li>
     <li id="sair"><a href="#">Sair</a></li>
    </ul>
   </div>

O CSS relativo ao menu é o seguinte:

/*****
menu
*****/
/* estilo comum para todos os browsers */
#menu_conteudo {
text-align:center; 
background:#89897a; 
border:1px solid #ac0000; 
border-width:2px 0px 2px 0px; 
height:30px;
}

#menu {
text-align:left; 
font-family: Tahoma, Verdana, sans-serif; 
position:relative; 
font-size:11px; 
background:transparent; 
height:30px; 
margin:0 auto;
}

#menu ul {
padding:0; 
margin:0; 
list-style-type: none;
}

#menu ul li {
float:left; 
position:relative;
}

#menu ul li#inicio {background:transparent url(imagens/menu/menu_inicio.gif) no-repeat; text-indent: 30px;}
#menu ul li#concelhos {background:transparent url(imagens/menu/menu_concelhos.gif) no-repeat; text-indent: 30px;}
#menu ul li#categorias {background:transparent url(imagens/menu/menu_categorias.gif) no-repeat; text-indent: 30px;}
#menu ul li#noticias {background:transparent url(imagens/menu/menu_noticias.gif) no-repeat; text-indent: 30px;}
#menu ul li#utilizadores {background:transparent url(imagens/menu/menu_utilizadores.gif) no-repeat; text-indent: 30px;}
#menu ul li#chat {background:transparent url(imagens/menu/menu_chat.gif) no-repeat; text-indent: 30px;}
#menu ul li#backup {background:transparent url(imagens/menu/menu_backup.gif) no-repeat; text-indent: 30px;}
#menu ul li#sair {background:transparent url(imagens/menu/menu_sair.gif) no-repeat; text-indent: 30px;}
#menu ul li#subcategoria {background:transparent url(imagens/menu/menu_nova_cat.gif) no-repeat; text-indent: 0px;}
#menu ul li#subcategoria1 {background:transparent url(imagens/menu/menu_lista_cat.gif) no-repeat; text-indent: 0px;}
#menu ul li#subnoticias {background:transparent url(imagens/menu/menu_nova_noticia.gif) no-repeat; text-indent: 0px;}
#menu ul li#subnoticias1 {background:transparent url(imagens/menu/menu_lista_noticia.gif) no-repeat; text-indent: 0px;}
#menu ul li#subnoticias2 {background:transparent url(imagens/menu/menu_pesquisa_noticia.gif) no-repeat; text-indent: 0px;}
#menu ul li#subutilizador {background:transparent url(imagens/menu/menu_novo_utilizador.gif) no-repeat; text-indent: 0px;}
#menu ul li#subutilizador1 {background:transparent url(imagens/menu/menu_lista_utilizador.gif) no-repeat; text-indent: 0px;}
#menu ul li#subutilizador2 {background:transparent url(imagens/menu/menu_envia_mail.gif) no-repeat; text-indent: 0px;}
#menu ul li a, #menu ul li a:visited {
display:block; 
text-decoration:none; 
width:100px; 
height:30px; 
color:#000; 
line-height:29px;
}

* html #menu ul li a, #menu ul li a:visited {
width:100px; 
w\idth:100px;
}

#menu ul li ul {
visibility:hidden; 
position:absolute; 
top:0; left:0; 
height:0; 
overflow:hidden;
}

#menu table {
margin:-1px; 
border-collapse:collapse; 
font-size:1em;
}

/* primeira linha para o IE7 e outros browsers, e a segunda linha para o IE5.5 e IE6 */
#menu ul li:hover a,
#menu ul li a:hover {
color:#ac0000; 
text-decoration:none; 
border:0;
}

#menu ul li:hover ul,
#menu ul li a:hover ul {
visibility:visible; 
width:170px; 
height:auto; 
position:absolute; 
top:30px; 
left:-1px; 
background:#eed; 
border:1px solid #ac0000; 
border-top: 2px solid #ac0000;
overflow:visible;
}

#menu ul li:hover ul li a,
#menu ul li a:hover ul li a {
display:block; 
background:transparent; 
text-decoration:none; 
color:#000; 
height:auto; 
line-height:1.5em; 
padding:5px 10px 5px 35px; 
width:170px; 
w\idth:170px;
}

#menu ul li:hover ul li a:hover,
#menu ul li a:hover ul li a:hover {
color:#ac0000; 
text-decoration:none;
}

0

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites

RESOLVIDO!!!

no inicio da página nao coloquei o header correcto... so tinha <html>

0

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites

Crie uma conta ou ligue-se para comentar

Só membros podem comentar

Criar nova conta

Registe para ter uma conta na nossa comunidade. É fácil!


Registar nova conta

Entra

Já tem conta? Inicie sessão aqui.


Entrar Agora