Ir para conteúdo

POWERED BY:

Arquivado

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

saloeric

Menu dropdown

Por , em Desenvolvimento frontend

Recommended Posts

saloeric    1

saloeric
Postado

boas , tenho um menu que ao passar o rato por cima aparece o submenu na posição correcta menos no firefox, segue o código:

 

function posicao(iden,menu){contentorid=document.getElementById(iden)contentorid2=document.getElementById(iden)curtopo = 0;if (contentorid.offsetParent){while(contentorid.offsetParent){curtopo += contentorid.offsetTopcontentorid = contentorid.offsetParent;}curtopo=curtopo}curesq = 0;if (contentorid2.offsetParent){while(contentorid2.offsetParent){curesq += contentorid2.offsetLeftcontentorid2 = contentorid2.offsetParent;}curesq=curesq+168}document.getElementById(menu).style.top=curtopo;document.getElementById(menu).style.left=curesq;document.getElementById(menu).style.display='';}

 

depois no html chamo da seguinte maneira:

<div id="sub1">Palhaçada</div><div class="menumeio" id="men1" onmouseover="posicao('men1','sub1')">

o css da div sub1 é o seguinte:

#sub1{	width: 200px;	border: 1px solid Black;	height: 100px;	position: absolute;	z-index: 100;}

mas se tiver no dtd definido para 

<!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" lang="pt" xml:lang="pt">
, não funciona no firefox, alguem me pode ajudar? se meter 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html>
, funciona em todos os browsers, mas tem k ser em xhtml para me acertar os paddings dos browsers

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