Jump to content


Viana Patricio

Member Since 09/10/2010
Offline Last Active 12/10/2010, 11:42
-----

Topics I've Started

Menu Dropdown Está Indo Pra Atras Da Div De Conteúdo

09/10/2010, 22:24

Estou com um grande problema, lógico que vindo do IE6.
no FF funciona legal,
é um menu dropdown, que no IE6 insiste em ficar atras da div de conteúdo
quando exibido ele vai pra tras da div de conteudo
já no FireFox ele exibe normalmente...
se alguem puder ajudar ficarei agradecido isso ta quebrando minha cabeça


Posted Image
Posted Image
abaixo o css da class do menu que criei
CSS
.menu {	margin: 0 auto;
	padding: 0 0 0 12px}

.menu ul {	margin: 0 auto;
	padding: 0px}
	
.menu li
	{	float: left;
		list-style: none;
		font: 11px verdana;
		padding:0;
		margin:1px;}

	.menu li a
	
	{	
	font:11px Arial, verdana;
	display: block;
		background: url(../img/bt-menu.png) repeat-x;
		padding: 10px 20px;
		text-decoration: none;
	    width: auto;
		color: #EAFFED;
		white-space: nowrap;
		height:auto;}
.menu li a:hover
	{
	color: #EAFFED;
	background: url(../img/bt-menu-h.png) repeat-x;}
	.menu li a:visited
	{
	color: #EAFFED;}
.menu li ul
		{	
		
		margin: 3px 0 0 0;
			padding: 0;
			position: absolute;
			visibility: hidden;
			
			}
.menu li ul li
		{	
			
			float: none;
			display: inline;
			margin: 0;
			padding: 0;}
			
.menu li ul li a
		{	
		font:11px Arial, verdana;
		text-align:left;
		border:1px solid white;
		width: auto;
        padding: 5px 20px;
        background: url(../img/bt-menu.png) repeat-x;
		margin:0;}

		
.menu li ul li a:hover
{	background: url(../img/bt-menu-h.png) repeat-x;}

#container {
clear:both;
padding:0;
margin:0 auto;
width:auto;
height:auto;
text-align:center;



}



Aqui vai o código do script

<script type="text/javascript">
var timeout    = 500;
var closetimer = 0;
var ddmenuitem = 0;

function jsddm_open()
{  jsddm_canceltimer();
   jsddm_close();
   ddmenuitem = $(this).find('ul').css('visibility', 'visible');}

function jsddm_close()
{  if(ddmenuitem) ddmenuitem.css('visibility', 'hidden');}

function jsddm_timer()
{  closetimer = window.setTimeout(jsddm_close, timeout);}

function jsddm_canceltimer()
{  if(closetimer)
   {  window.clearTimeout(closetimer);
      closetimer = null;}}

$(document).ready(function()
{  $('#jsddm > li').bind('mouseover', jsddm_open)
   $('#jsddm > li').bind('mouseout',  jsddm_timer)});

document.onclick = jsddm_close;



</script>


Ja agradeço desde já quem puder me ajudar !!

IPB Skin By Virteq