Ir para conteúdo

POWERED BY:

Arquivado

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

martinusso

Problema no Firefox

Recommended Posts

Estou com um problema no menu superior do site da minha empresa e não estou conseguindo resolver de jeito nenhum.

 

O problema ocorre apenas na visualização pelo Firefox, ao inves de ficar o <li> na frente do outro, fica abaixo um do outro. No IE não ocorre esse problema.

 

URL: http://virtoo.com

 

xHTML:

 

<div id="topo">
	<ul>
		<li class="img_topo"><a href="#"><img src="topo.gif" alt="Virtoo" /></a></li>
		<li>
			<p class="titulo"> </p>
			<p><a href="/index.php">Principal</a></p>
			<p><a href="/index.php?id=agendamento">Agende uma visita</a></p>
			<p><a href="/index.php">Cliente on-line</a></p>
		</li>
		<li>
			<p class="titulo">Virtoo</li>
			<p><a href="#">Sobre a Virtoo</a></p>
			<p><a href="#">Vantagens</a></p>
			<p><a href="#">Expertise</a></p>
			<p><a href="#">Fale conosco</a></p>
		</li>
		<li>
			<p class="titulo">Soluções</li>
			<p><a href="#">Aplicativos</a></p>
			<p><a href="#">Web design</a></p>
			<p><a href="#">Consultoria</a></p>
		</li>
	</ul>
</div>

 

CSS:

 

#topo { height:145px; width:760px; padding:0; margin:auto; } /* background:url(../img/virtoo_topo_natal.gif) no-repeat;  */
	#topo ul { list-style:none; display:table; margin:0; padding:0; }
	#topo ul li { display:table; float:left; width:160px; margin:0; padding:0; }
	#topo ul li p { padding:2px; margin:0; font:bolder 12px "Trebuchet MS", Verdana, Arial, Geneva, Tahoma, Helvetica, sans-serif; line-height:normal; color:#eeeeee; }
	#topo ul li p a { text-decoration:none; color:#eeeeee; }
	#topo ul li p a:hover { text-decoration:none; color: #cc3300; }
	#topo ul li p.titulo { padding:5px 0 10px 0; font:bolder 24px "Trebuchet MS", Verdana, Arial, Geneva, Tahoma, Helvetica, sans-serif; color:#4f81bd; line-height:normal; color:#507db3; }
	#topo ul li.img_topo { width: 203px; height:130px; margin:2px 25px 2px 2px;}

Compartilhar este post


Link para o post
Compartilhar em outros sites

é por que display:table; é uma aplicação ruim para fazer o elemento(TAG) acompanhar o texto

leia este tópico e sabera por que isso ocorre e saber como resolver:

http://forum.imasters.com.br/index.php?showtopic=261803

 

qualquer coisa volte a postar ;)

Compartilhar este post


Link para o post
Compartilhar em outros sites

é por que dosplay:table; é uma aplicação ruim para fazer o elemento(TAG) acompanhar o texto

leia este tópico e sabera por que isso ocorre e saber como resolver:

http://forum.imasters.com.br/index.php?showtopic=261803

 

qualquer coisa volte a postar ;)

 

boa noite velhao,

 

você explicar melhor ñ entendi direito, eu olhei aqui nos dois navegadores e tá mesma coisa, talvez eu possa te ajudar

 

um abraço.

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

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