Fóruns sobre PHP, JavaScript, HTML, MySQLi, jQuery, Banco de Dados, CSS

Moderador: web

 
Primeiras postagens
Primeiras postagens
Tópico Autor
Mensagens: 1
Sexo: Masculino

lista com problemas no IE

20-05-2011 12:08

Fala galera, beleza?

Seguinte, estou desenvolvendo um site e caí no velho problema do IE. No FF e no Chrome, roda perfeitamente, mas no IE... a lista fica toda bagunçada... ¬¬

Vou postar as imagens e os códigos pra dar uma esclarecida:

Como tem que ficar (FF e Chrome):
http://media.dropdo.com.s3.amazonaws.com/2Gm/certo.jpg

Como está no IE:
http://media.dropdo.com.s3.amazonaws.com/2Gn/errado.jpg

Aqui o html dessa área:
<div id="nav_curso" class="nav_curso"> <img src="imgs/chancela.jpg" /><br /><br /> <ul> <li><a href="http://pos.castelobranco.br/posgraduacao/curso/gestao-de-marketing-741-36 " style="color:#fff; background-color:#3E7359; margin-top:-20px; width:133px; font-size:17px; text-align:center;" target="_blank">inscreva-se!</a></li> <li><a href="#curso_info" style="margin-top:15px;">próximas turmas</a></li> <li><a href="#curso_apresentacao">apresentação</a></li> <li><a href="#curso_publico">público-alvo</a></li> <li><a href="#curso_estrutura">estrutura curricular</a></li> <li><a href="#curso_docente">corpo docente</a></li> <li><a href="#curso_investimento">investimento</a></li> <li><a href="#curso_coordenacao">coordenação</a></li> </ul> <div style="float:left; padding-top:0px; padding-bottom:10px; margin-top:20px; margin-left:40px; width:150px;"> <p style="color: #3a3a3a; margin-top:5px; margin-left:0px; font-size:17px; font-weight:bold;">informações:</p><br /> <a href="mailto: posgraduacao@cesad.com.br" style="font-size:15px; font-weight:bold; color: #999; margin-left:0px; margin-top:-25px; float:left;">pos@cesad.com.br</a> </div> </div>

Aqui o css dessa área:
#nav_curso{ float:left; font-family:"Arial", sans-serif; font-size:15px; text-align:left; margin-left:-30px; } #nav_curso img{ margin-left: 40px; margin-top:15px; } #nav_curso ul{ list-style:none; line-height: 10px; float:left; } #nav_curso ul li{ line-height:30px; float:left; } #nav_curso ul li a:link{ text-decoration:none; float:left; border: 0px; color: #999; padding:0 10px 0 8px; font-weight:bold; display:block; } #nav_curso ul li a:hover{ background-color:#EEEEE0; } #nav_curso ul li a:visited{ text-decoration:none; float:left; border: 0px; color: #999; padding:0 10px 0 8px; font-weight:bold; }

Alguma idéia de como hackear o IE pra ficar certim? A minha versão é IE8.

Abraço a todos, e desde já, obrigado!
0
 
Avatar do usuário
ADMIN
ADMIN
Mensagens: 17236
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

lista com problemas no IE

20-05-2011 12:54

Testei aqui no IE 9, esse menu de acordo com o script que você disponibilizou, aqui apareceu horizontalmente.

O que você pode fazer é tentar usar o DOCTYPE na página, muitas vezes esse código resolve problemas mostrados no Internet Explorer

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

0
Criar site grátis Wix
Hospedagem de sites Hostgator
Tem um script legal em HTML, CSS, PHP, HTML, JavaScript, jQuery? Poste e compartilhe com os usuários do fórum
:rock:

Quem está online

Usuários navegando neste fórum: Nenhum usuário registrado