..:: MX Studio Fóruns ::..: Problemas com o ie6 - ..:: MX Studio Fóruns ::..

Jump to content

Publicidade

ATENÇÃO

Para evitar posts desnecessários e que não influam para o andamento e desenvolvimento do fórum, clique aqui e leia todas as regras.
Page 1 of 1
  • You cannot start a new topic
  • You cannot reply to this topic

Problemas com o ie6 Código que não funciona

#1 User is offline   rafascarvalho 

  • Group: Membros
  • Posts: 16
  • Joined: 06-July 06

Posted 18 September 2009 - 12:33 PM

Olá pessoal,

Estou com um código que não está funcionando no ie6. No ie7, 8 e no firefox funciona normal. O problema está no menu.

O código utilizado no Dreamweaver é o seguinte:

CÓDIGO
<!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 NAME="author" CONTENT="VIP Propaganda">
<meta name="description" content="Espaço para eventos, casamentos, aniversários, treinamentos. A beleza do campo com a sofisticação da Cidade">
<META NAME="keywords" CONTENT="espaço, eventos, festas, casamentos, corporativos, treinamentos, aniversários, buffet, cardapio, campo, itapecirica da serra, campo de futebol, pouso de helicopteros, sofisticação, piscina, gastronomia, beleza, confraternização">
<meta name="URL" content="http://www.afrikanhouse.com.br" />
<meta name="language" content="portuguese" />
<meta name="robots" content="INDEX, FOLLOW" / >
<meta http-equiv="Content-Language" content="PT-BR" / >
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Afrikan House - eventos, casamentos, aniversário, corporativos</title>
<style type="text/css">
#info {height:400px;}

.menu {
    width:646px;
    height:30px;
    margin:0;
    margin:0px 0 20px 0;
    background:#000;
    position:relative;
    z-index:100;
}

.menu li {font-family: "Arial";  font-size:11px; padding:0; margin:0; list-style-type: none;}

.menu ul li {float:left; border-left:1px solid #666; width:100px;  display:inline;}

.menu ul li a, .menu ul li a:visited {display:block; width:100px; text-decoration:none; padding:0 0 0 0px; height:30px; line-height:30px; color: #666; background:#000000;}

.menu table {border-collapse:collapse; margin:0; padding:0; font-size:1em;}

.menu ul li ul {visibility:hidden; position:absolute; top:30px; left:0}

.menu :hover li ul li {width:100px; height:20px; left:165px; top:0px; background:#000; border:0px solid #c2a139;}

.menu ul li:hover a,
.menu ul li a:hover {color: #c2a139; background: #000;}

.menu li:hover ul,
.menu li a:hover ul {visibility:visible; width:646px;background:#000000; color:#fff; left: 0px}

.menu ul li:hover ul.right_side li,
.menu ul li a:hover ul.right_side li {float:right; border:0; border-left:0px solid #eee; display:inline;}

.menu ul li:hover ul.left_side li,
.menu ul li a:hover ul.left_side li {float:left; border:0; border-left:0px solid #eee;  display:inline;}

.menu ul li:hover ul li a.sub,
.menu ul li a:hover ul li a.sub {background:#000000; color: #c2a139;}

.menu ul li:hover ul li ul,
.menu ul li a:hover ul li a ul {visibility:hidden; position:absolute; left:0; top:30px; }

.menu ul li:hover ul li a,
.menu ul li a:hover ul li a {line-height:16px; font-family: "Arial", Times, serif;  font-size:11px; display:block; background:#2d2a2b; color: #666666; height: 18px; width: 100px;}

.menu ul li:hover ul li a:hover,
.menu ul li a:hover ul li a:hover {background:#4d4d4f; color:#c2a139;}

.menu ul li:hover ul li:hover ul,
.menu ul li a:hover ul li a:hover ul {visibility:visible; color:#000; background:#dfc184;}

.menu ul li:hover ul.right li {float:right; display:inline;}

.menu ul li:hover ul li:hover ul li a,
.menu ul li a:hover ul li a:hover ul li a {background:#dfc184; color:#000000;}

.menu ul li:hover ul li:hover ul li a:hover,
.menu ul li a:hover ul li a:hover ul li a:hover {background:#58595b; color:#fff;}

body {
    background-image: url(Imagens/fundo.gif);
}
.table {
    border-right:#666 1px solid;
    border-left:#666 1px solid;
    border-top:#666 1px solid;

}
.style1 {color: #D8C078}
.style2 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 9px;
    color: #333333;
    text-decoration: none;
}
a:link {
    color: #333333;
    text-decoration: none;
}
a:visited {
    color: #333333;
    text-decoration: none;
}
a:hover {
    color: #333333;
    text-decoration: underline;
}
a:active {
    color: #333333;
    text-decoration: none;
}

</style>
<script src="Comando/addswf.js"></script>
</head>
<body>
<table width="900" height="75" border="0" align="center" cellpadding="0" cellspacing="0" bgcolor="#000000" class="table">
<div align="center">
    <tr align="center" valign="middle" style="display:inline;">
        <td height="75" style="display:inline;"><div class="menu">
<ul>
<li><a href="afrikan.html" target="mainFrame">HOME</a></li>
<li><a href="conceito.html" target="mainFrame" class="style1">O CONCEITO</a></li>
<li><center><a href="/2009/estrutura.html" target="mainFrame">O LOCAL<!--[if IE 7]><!--></a><!--<![endif]-->
    <ul>
        <li style="margin-left:103px; display:inline;"><a href="/2009/estrutura.html" title="Estrutura do Espaço" target="mainFrame">ESTRUTURA</a></li>
        <li><a href="capacidade.html" title="Capacidade do Espaço" target="mainFrame">CAPACIDADE</a></li>
        <li><a href="localizacao.html" title="Localizaçao do Espaço" target="mainFrame">LOCALIZAÇÃO</a></li>    
    </ul>

</center>
</li>
</li><li><a href="/2009/eventosocial.html" target="mainFrame">EVENTOS<!--[if IE 7]><!--></a><!--<![endif]-->
    <ul>
        <li style="margin-left:203px; display:inline;"><a href="/2009/eventosocial.html" title="Eventos Sociais" target="mainFrame">SOCIAIS</a></li>
        <li><a href="eventocorporativo.html" title="Eventos Corporativos" target="mainFrame">CORPORATIVOS</a></li>
        <li><a href="assessoria.html" title="Serviços Adicionais" target="mainFrame">OUTROS SERVIÇOS</a></li>
    </ul>
</li>
<li><a href="cardapio.html" target="mainFrame">BUFFET<!--[if IE 7]><!--></a><!--<![endif]-->
    <ul>
        <li style="margin-left:203px; display:inline;"><a href="cardapio.html" title="Cardápio" target="mainFrame">CARDÁPIO</a></li>
        <li><a href="buffet.html" title="Buffet" target="mainFrame">MÃO DE OBRA</a></li>
        <li><a href="buffetexterno.html" title="Buffet Para outras localidades" target="mainFrame">BUFFET OUT</a></li>
        <li><a href="buffetfotos.html" title="Fotos do Buffet" target="mainFrame">FOTOS</a></li>
    </ul>
</li>
<li><a href="espaco.html" target="mainFrame">FOTOS<!--[if IE 7]><!--></a><!--<![endif]-->
    <ul>
        <li style="margin-left:203px; display:inline;"><a href="espaco.html" title="Fotos do Espaço Afrikan House" target="mainFrame">ESPAÇO</a></li>
        <li><a href="casamento.html" title="Fotos de Casamentos" target="mainFrame">CASAMENTOS</a></li>

        <li><a href="aniversario.html" title="Fotos de Aniversários" target="mainFrame">ANIVERSÁRIOS</a></li>
        <li><a href="corporativo.html" title="Fotos de Eventos Corporativos" target="mainFrame">CORPORATIVOS</a></li>
    </ul>
</ul>

</div></td>
      <td width="261" style="display:inline;">
<script>
addSWF('logosom.swf', 261, 75, true);
</script>  
      </td>
    </tr>
    <tr align="center" valign="middle">
      <td height="460" colspan="2"><p><iframe src="afrikan.html" name="mainFrame" height="460" width="900" allowtransparency="true" frameborder="0" scrolling="no"></iframe>
        </p>
        </span>
        <span class="style2"><div align="right"><a href="http://www.vippropaganda.com.br">VIP Propaganda</a></div></span></td>
  </tr>
  </div></table>


<script type="text/javascript">
var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
</script>
<script type="text/javascript">
try {
var pageTracker = _gat._getTracker("UA-7399759-9");
pageTracker._trackPageview();
} catch(err) {}</script>
</body>
</html>





0

#2 User is offline   xanburzum 

  • Group: Administrador
  • Posts: 2377
  • Joined: 04-November 08

Posted 18 September 2009 - 08:59 PM

qual o problema apresentado !?!?!
0

#3 User is offline   rafascarvalho 

  • Group: Membros
  • Posts: 16
  • Joined: 06-July 06

Posted 21 September 2009 - 02:52 PM

O correto seria o que está aparecendo nesta figura


0

#4 User is offline   xanburzum 

  • Group: Administrador
  • Posts: 2377
  • Joined: 04-November 08

Posted 22 September 2009 - 11:47 AM

tente usar tableless...
0

#5 User is offline   rafascarvalho 

  • Group: Membros
  • Posts: 16
  • Joined: 06-July 06

Posted 29 September 2009 - 05:24 PM

A base já estava em tableless, porém dei uma limpada no código, mas mesmo assim ainda não funciona no ie6, o erro agora é que segundo nivel (o que seria o sub menu) , não aparece no ie6

Alguma sugestões?

CÓDIGO
.menu-horizontal li {font-family: "Arial";  font-size:11px; list-style-type: none;}
.menu-horizontal ul li {float:left; border-left:1px solid #666; width:100px; display: inline;}
.menu-horizontal ul li a, .menu-horizontal ul li a:visited {display:block; width:100px; text-decoration:none; line-height:30px; color: #666; background:#000000; border-left:0px solid #FFFFFF;}
.menu-horizontal ul li ul {visibility:hidden; position:absolute;}
.menu-horizontal ul li:hover a,
.menu-horizontal ul li a:hover {color: #c2a139; background: #000;}
.menu-horizontal li:hover ul,
.menu-horizontal li a:hover ul {visibility:visible; background:#000000; color:#fff; border:0px solid #c2a139;}
.menu-horizontal ul li:hover ul li a,
.menu-horizontal ul li a:hover ul li a {line-height:16px; font-family: "Arial", Times, serif;  font-size:11px; display:block; background:#2d2a2b; color: #666666; height: 18px; width: 100px;}
.menu-horizontal ul li:hover ul li a:hover,
.menu-horizontal ul li a:hover ul li a:hover {background:#4d4d4f; color:#c2a139;}
.menu-horizontal :hover li ul li {width:100px; height:20px; background:#000; border:0px solid #c2a139

0

#6 User is offline   rafascarvalho 

  • Group: Membros
  • Posts: 16
  • Joined: 06-July 06

Posted 29 September 2009 - 05:26 PM

Será que isso tem que haver com este assunto:

http://msdn.microsof.../cc351024(VS.85).aspx



0

#7 User is offline   Nine_Branco 

  • Group: Membros
  • Posts: 60
  • Joined: 20-December 08

Posted 30 September 2009 - 12:52 PM

Rafascarvalho,

Daria pra vc colocar um link?
Vou tentar te ajudar. To no trabalho. Vou tentando como der...

0

#8 User is offline   rafascarvalho 

  • Group: Membros
  • Posts: 16
  • Joined: 06-July 06

Posted 30 September 2009 - 01:15 PM

Claro,

O link do arquivo de teste é http://www.vippropaganda.com.br/afrikan/Af...0House%202.html
0

#9 User is offline   Nine_Branco 

  • Group: Membros
  • Posts: 60
  • Joined: 20-December 08

Posted 30 September 2009 - 01:34 PM

Resolvi a quebradeira inicial no IE6.
Falta aparecer o submenu.

Ajudaria MUITO se vc não usasse tabela pra posicionar os elementos. Esse é um princípio básico de tableless. Use tabela apenas quando tiver dados tabulares. Não é o caso nessa página.

Que bom q vc já está misturando. Sinal q está aprendendo tableless e migrando do modo antigo de fazer sites para tableless.
Esse processo é difícil pra gente q aprendeu a fazer sites usando tabelas. É assim mesmo. A gente acaba misturando tudo e tornando as coisas mais difíceis. rsrsrsss Faz parte.
Aproveite q aqui no forum tem sempre gente disposta a ajudar.
Tente eliminar totalmente a tabela nessa página. Vc não precisa dela. Vai ficar bem mais fácil sem ela. biggrin.gif

Agora tenho q fazer uma parada aqui no trabalho.
Depois continuo... Falta o submenu.

Aline Branco

CÓDIGO
<!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 NAME="author" CONTENT="VIP Propaganda">
<meta name="description" content="Espaço para eventos, casamentos, aniversários, treinamentos. A beleza do campo com a sofisticação da Cidade">
<META NAME="keywords" CONTENT="espaço, eventos, festas, casamentos, corporativos, treinamentos, aniversários, buffet, cardapio, campo, itapecirica da serra, campo de futebol, pouso de helicopteros, sofisticação, piscina, gastronomia, beleza, confraternização">
<meta name="URL" content="http://www.afrikanhouse.com.br" />
<meta name="language" content="portuguese" />
<meta name="robots" content="INDEX, FOLLOW" / >
<meta http-equiv="Content-Language" content="PT-BR" / >
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Afrikan House - eventos, casamentos, aniversário, corporativos</title>
<style type="text/css">
#info {height:400px;}

.menu {
    width:646px;
    height:30px;
    margin:0;
    margin:35px 0 30px 125px;
    background:#000;
    position:relative;
    z-index:100;
}

.menu table {border-collapse:collapse; margin:0; padding:0; font-size:1em;}

.menu li {font-family: "Arial";  font-size:11px; padding:0; margin:0; list-style-type: none;}

.menu ul li {float:left;  width:100px;  display:inline; }

.menu ul li a, .menu ul li a:visited {display:block; width:100px; text-decoration:none; padding:0 0 0 0px; height:30px; line-height:30px; color: #666; background:#000000; border-left:1px solid #666;}

.menu ul li ul {visibility:hidden; position:absolute; top:30px; left:0}

.menu ul li:hover a,
.menu ul li a:hover {color: #c2a139; background: #000;}

.menu li:hover ul,
.menu li a:hover ul {visibility:visible; width:646px;background:#000000; color:#fff; left: 0px}

.menu ul li:hover ul.right_side li,
.menu ul li a:hover ul.right_side li {float:right; border:0; border-left:0px solid #eee; display:inline;}

.menu ul li:hover ul.left_side li,
.menu ul li a:hover ul.left_side li {float:left; border:0; border-left:0px solid #eee;  display:inline;}

.menu ul li:hover ul li a.sub,
.menu ul li a:hover ul li a.sub {background:#000000; color: #c2a139;}

.menu ul li:hover ul li ul,
.menu ul li a:hover ul li a ul {visibility:hidden; position:absolute; left:0; top:30px; }

.menu ul li:hover ul li a,
.menu ul li a:hover ul li a {line-height:16px; font-family: "Arial", Times, serif;  font-size:11px; display:block; background:#2d2a2b; color: #666666; height: 18px; width: 100px;}

.menu ul li:hover ul li a:hover,
.menu ul li a:hover ul li a:hover {background:#4d4d4f; color:#c2a139;}

.menu ul li:hover ul li:hover ul,
.menu ul li a:hover ul li a:hover ul {visibility:visible; color:#000; background:#dfc184;}

.menu ul li:hover ul.right li {float:right; display:inline;}

.menu ul li:hover ul li:hover ul li a,
.menu ul li a:hover ul li a:hover ul li a {background:#dfc184; color:#000000;}

.menu ul li:hover ul li:hover ul li a:hover,
.menu ul li a:hover ul li a:hover ul li a:hover {background:#58595b; color:#fff;}

body {
    background-image: url(Imagens/fundo.gif);
}
.table {
    border-right:#666 1px solid;
    border-left:#666 1px solid;
    border-top:#666 1px solid;

}
.style1 {color: #D8C078}
.style2 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 9px;
    color: #333333;
    text-decoration: none;
}
a:link {
    color: #333333;
    text-decoration: none;
}
a:visited {
    color: #333333;
    text-decoration: none;
}
a:hover {
    color: #333333;
    text-decoration: underline;
}
a:active {
    color: #333333;
    text-decoration: none;
}

</style>
<script src="Comando/addswf.js"></script>
</head>
<body>
<table width="900" height="75" border="0" align="center" cellpadding="0" cellspacing="0" bgcolor="#000000" class="table">
<div align="center">
    <tr align="center" valign="middle" style="display:inline;">
        <td><div class="menu">
<ul>
<li><a href="afrikan.html" target="mainFrame">HOME</a></li>
<li><a href="conceito.html" target="mainFrame" class="style1">O CONCEITO</a></li>
<li><center><a href="/2009/estrutura.html" target="mainFrame">O LOCAL<!--[if IE 7]><!--></a><!--<![endif]-->
    <ul>
        <li style="margin-left:103px; display:inline;"><a href="/2009/estrutura.html" title="Estrutura do Espaço" target="mainFrame">ESTRUTURA</a></li>
        <li><a href="capacidade.html" title="Capacidade do Espaço" target="mainFrame">CAPACIDADE</a></li>
        <li><a href="localizacao.html" title="Localizaçao do Espaço" target="mainFrame">LOCALIZAÇÃO</a></li>    
    </ul>

</center>
</li>
</li><li><a href="/2009/eventosocial.html" target="mainFrame">EVENTOS<!--[if IE 7]><!--></a><!--<![endif]-->
    <ul>
        <li style="margin-left:203px; display:inline;"><a href="/2009/eventosocial.html" title="Eventos Sociais" target="mainFrame">SOCIAIS</a></li>
        <li><a href="eventocorporativo.html" title="Eventos Corporativos" target="mainFrame">CORPORATIVOS</a></li>
        <li><a href="assessoria.html" title="Serviços Adicionais" target="mainFrame">OUTROS SERVIÇOS</a></li>
    </ul>
</li>
<li><a href="cardapio.html" target="mainFrame">BUFFET<!--[if IE 7]><!--></a><!--<![endif]-->
    <ul>
        <li style="margin-left:203px; display:inline;"><a href="cardapio.html" title="Cardápio" target="mainFrame">CARDÁPIO</a></li>
        <li><a href="buffet.html" title="Buffet" target="mainFrame">MÃO DE OBRA</a></li>
        <li><a href="buffetexterno.html" title="Buffet Para outras localidades" target="mainFrame">BUFFET OUT</a></li>
        <li><a href="buffetfotos.html" title="Fotos do Buffet" target="mainFrame">FOTOS</a></li>
    </ul>
</li>
<li><a href="espaco.html" target="mainFrame">FOTOS<!--[if IE 7]><!--></a><!--<![endif]-->
    <ul>
        <li style="margin-left:203px; display:inline;"><a href="espaco.html" title="Fotos do Espaço Afrikan House" target="mainFrame">ESPAÇO</a></li>
        <li><a href="casamento.html" title="Fotos de Casamentos" target="mainFrame">CASAMENTOS</a></li>

        <li><a href="aniversario.html" title="Fotos de Aniversários" target="mainFrame">ANIVERSÁRIOS</a></li>
        <li><a href="corporativo.html" title="Fotos de Eventos Corporativos" target="mainFrame">CORPORATIVOS</a></li>
    </ul>
</ul>

</div></td>
      <td width="261" style="display:inline;">
<script>
addSWF('logosom.swf', 261, 75, true);
</script>  
      </td>
    </tr>
    <tr align="center" valign="middle">
      <td height="460" colspan="2"><p><iframe src="afrikan.html" name="mainFrame" height="460" width="900" allowtransparency="true" frameborder="0" scrolling="no"></iframe>
        </p>
        </span>
        <span class="style2"><div align="right"><a href="http://www.vippropaganda.com.br">VIP Propaganda</a></div></span></td>
  </tr>
  </div></table>


<script type="text/javascript">
var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
</script>
<script type="text/javascript">
try {
var pageTracker = _gat._getTracker("UA-7399759-9");
pageTracker._trackPageview();
} catch(err) {}</script>
</body>
</html>

0

#10 User is offline   Felipe Graziuso 

  • Group: Membros
  • Posts: 13
  • Joined: 14-September 09

Posted 30 September 2009 - 07:56 PM

Analisando superfialmente
talvez resolva se você detectar o navegador com javascript
e colocar uma condição(if) para que ele carregue menus separados dependendo do navegador usado
assim você desenvolveria e testaria o menu especificamente para cada navegador
espero que tenha ajudado
Boa sorte
0

Share this topic:


Page 1 of 1
  • You cannot start a new topic
  • You cannot reply to this topic

Similar Topics Collapse

  Topic Forum Started By Stats Last Post Info
New Replies RELACIONAMENTO ENTRE TABELAS
Comno faço isso??? 		ColdFusion Tundisi 
  • 0 Replies
  • 1065 Views
New Replies Paraná quer disputar local da fábrica brasileira da Foxconn Notícias Notícias 
  • 0 Replies
  • 149 Views
New Replies Compre livro, DVD e Blu-Ray sem pagar frete Notícias Notícias 
  • 0 Replies
  • 146 Views
New Replies Apple não vende mais Final Cut Pro avulso
IDG Now! - Computação Pessoal 		Notícias TiTi Celestino 
  • 0 Replies
  • 499 Views
New Replies MSN deixa de funcionar no Brasil na quarta; usuários devem migrar para o Skype Notícias Notícias 
  • 0 Replies
  • 18 Views
*New Replies caphttp://singaporefitflop.com/fitflops-australia.html eglogue chowchow Eventos Guest_Basigmapege_* 
  • 0 Replies
  • 8 Views
New Replies Hóspedes querem internet gratuita em quartos de hotéis Notícias Notícias 
  • 0 Replies
  • 239 Views
New Replies Dropbox aquece batalha na nuvem com recurso de upload de fotos Notícias Notícias 
  • 0 Replies
  • 142 Views

Publicidade

1 User(s) are reading this topic
0 membro(s), 1 visitante(s) e 0 membros anônimo(s)