Ir para conteúdo

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

gorpo

Menu com problemas no IE.

Por , em Desenvolvimento frontend

Recommended Posts

gorpo    0

gorpo
Postado

Bom dia a todos.

 

Assim como muita gente, tenho tentado migrar para layouts webstandards.

Há muito o que se aprender, e muita informação na web, mas certas horas, novatos como eu não conseguem achar o erro.

 

Fiz um menu em cima de um tuto do Maujor, porém ele tem problemas na visualização no IE (no 6 pelo menos, pq ainda não instalei o 7).

 

Na verdade acho que o problema nem é no menu em si, mas em uma margem entre as divs, que tb aparecem no menu, somente quando eu uso display:block; .

 

Seguem abaixo o código e o link:

 

http://www.yousite.com.br/carros

 

<!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 http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /><title>Untitled Document</title><style><!--body{	margin:0px;	background-image:url(images/carro1_04.jpg);	background-repeat:repeat-x;	background-color:#000000;	text-align:center;}#geral{	margin:auto;	width:770px;}#topo{	height:255px;}#topo img{	float:left;}#menu{	float:left;	width:200px;}#corpo{	top:27px;	float:right;	width:530px;	background-color:#990100;	background-image:url(images/carro1_09.jpg);	background-repeat:repeat-x;}#rodape{	position:relative;	background-image:url(images/carro1_09.jpg);	background-repeat:repeat-x;	clear:both;}ul#menu {	font-family:Arial, Helvetica, sans-serif;	font-size:16px;	font-weight:bold;	list-style-type:none;	line-height:31px;	width:200px;	padding:0px;	margin:0px;}ul#menu li{	font-family:Arial, Helvetica, sans-serif;	font-size:16px;	font-weight:bold;	color:#FFFFFF;	text-decoration:none;	background-image:url(images/carro1_12.jpg);	background-repeat:repeat-x;	padding:0px;	margin:0px;	line-height:31px;}ul#menu li a:link, ul#menu li a:visited, ul#menu li a:active{	color:#FFFFFF;	text-decoration:none;}ul#menu li a:hover{	color:#FFFFFF;	text-decoration:none;	background-image:url(images/carro2_12.jpg);	background-repeat:repeat-x;	display:block;}--></style></head><body><div id="geral">	<div id="topo"><img src="images/carro1_03.jpg" alt="topo" width="381" height="255" /><img src="images/carro1_06.jpg" width="768" height="55" /> </div>	<div id="menu">	  <ul id="menu">		<li><a href="#">Início</a></li>		<li><a href="#">Serviços</a></li>		<li><a href="#">Estoque</a></li>		<li><a href="#">Pesquisa</a></li>		<li><a href="#">Contato</a></li>	  </ul>	</div>	<div id="corpo"> dfasdfasd fasdf sd asdf ads f asd fas df sda f sad f sdf<br />	asd f ads f asdf as df sda f dsf ds f<br />	  sd f dsf sda f sda fsd </div>	<div id="rodape"> </div></div></body></html>
Agradeço desde já a ajuda.

Compartilhar este post

Link para o post
Compartilhar em outros sites

gorpo    0

gorpo
Postado

Resolvido!!!Se alguém passar por isso, tá aí a resposta.ul#menu li a:hover{color:#FFFFFF;text-decoration:none;background-image:url(images/carro2_12.jpg);background-repeat:repeat-x;display:block;_display:inline-block;_width:200px;}Podem fechar.

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Desenvolvimento frontend
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito