dropdown do menu fica abaixo do div

LukasMoraes · Junho 5, 2007

Pessoal,

Corri atrás mas não achei nada que pudesse me ajudar... to enviando o código abaixo... o dropdown do menu fica sob o div de conteúdo... e se comporta de forma diferente no IE...

Se alguém puder me ajudar...

Valeu pela força...

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1 Strict//EN"    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html dir="{S_CONTENT_DIRECTION}"><head><title>teste</title><style>/*Topo*/body {margin:0;}#main { border: none; height: 97px; position: relative; margin: 0px; padding: 0;}#topo { background-color:#eeeeee; height: 97px; position:absolute; left: 50%; margin-left: -462px; width: 925px; padding: 0;  z-index: 20;}#topo_e { width:49%; position:absolute; top:0; left:0; height:97px; background-color:#006699; z-index:5; }#topo_d { width:49%; position:absolute; top:0; right:0; height:97px; background-color:#006699; z-index:5; }/*Index link*/#index_link {width: 270px; height: 97px; border: 0;}/*Menu Principal*/.menu { position: absolute; left: 10px; top: 70px; z-index: 0;}	 .menu * { margin: 0; padding: 0;}.menu a { display: block; padding: 4px 12px; }.menu li { list-style: none; height: 1%; float:left; }.menu li ul{ position: absolute; white-space: nowrap; display:none;}/* hack para navegadores que exigem width para elementos pos absolute (Opera) */html:first-child>body .menu li ul { width: 430px; }.menu li:hover ul  { display: block; }/* visual */.menu { height: 40px;}.menu li a {  font: bold 0.70em Verdana;  text-decoration: none; color: #0093DD; border-left: 1px solid #CCC; }.menu a:hover { font: bold 0.70em Verdana;  text-decoration: underline; color: #FFF; background-color:#0093DD; }.menu li ul a { font: bold 0.60em Verdana; background-color: #eee; padding: 3px 12px; width:100px; text-align: center; border:1px solid #DDD; }.menu li ul a:hover { font: bold 0.60em Verdana; padding: 3px 12px; background-color:#99CC66; width:100px; text-align: center;}/*Mini Menu*/#menu_help {	position: absolute;	float: right;	margin-right: 11px;	height: 1em;	top: 0px;	width: 500px;	left: 414px;}#minimenu  {z-index: 99; list-style: none; margin: 0;}#minimenu li {float:right; font:0.6em Verdana; display: block; margin-left: 8px; }#minimenu li a {color: #5A7588;}#minimenu li a.red {color: #FF0000;}#minimenu li a.green {color: #009900;}/*Conteúdo*/#container { background-color: #FFFFFF; border: 1px #CCCCCC solid; position: relative; width: 925px; left: 50%; margin-left: -462px; z-index: 0; }/*Corpo*/#down { padding-left: 10px; padding-right: 10px; padding-bottom: 10px; margin: 0; position: relative;}/*Rodapé*/#body_bottom { width: 925px; position: relative;} </style><script type="text/javascript">//<![CDATA[function horizontal() {	var navItems = document.getElementById("barra").getElementsByTagName("li");		for (var i=0; i< navItems.length; i++) {		if((navItems[i].className == "menuvertical") || (navItems[i].className == "submenu"))		{			if(navItems[i].getElementsByTagName('ul')[0] != null)			{				navItems[i].onmouseover=function() {this.getElementsByTagName('ul')[0].style.display="block";}				navItems[i].onmouseout=function() {this.getElementsByTagName('ul')[0].style.display="none";}			}		}	}}//]]></script><link rel="alternate" title="{L_RSS}" href="{U_RSS}" type="application/rss+xml"></head><body onload="horizontal();"><a name="top"></a><div id="main">		<div id="topo_e"></div>			<div id="topo">			  <a href="#"><div id="index_link"></div></a>			  <div id="menu_help">					<ul id="minimenu" >						<li><a href="{#}" class="red">teste a</a></li>						<li><a href="{#}">teste b</a></li>							<li><a href="{#}">teste c</a></li>						<li><a href="{#}" class="green">teste d</a> - </li>					</ul>									  </div>				<div class="menu">					<ul id="barra">								<li><a href="{#}" class="green">teste 1</a></li>								<li><a href="{#}">teste 2</a></li>								<li><a href="{#}">teste 3</a></li>								<li><a href="{#}">teste 4</a></li>								<li class="submenu"><a href="#">teste 5 + </a>									<ul>										<li><a href="{#}">teste 5 1</a></li>										<li><a href="{#}">teste 5 2</a></li>										<li><a href="{#}">teste 5 3</a></li>										<li><a href="{#}">teste 5 4</a></li>										<li><a href="{#}">teste 5 5</a></li>									</ul>								</li>								<li><a href="{#}">teste 6</a></li>					</ul>			  </div>  </div>		<div id="topo_d"></div></div><div id="container"></div></body></html>

LukasMoraes · Junho 6, 2007

então... ainda não resolvi...alguém tem idéia...

LukasMoraes · Junho 11, 2007

galera... quero pelo menos resolver o esqeuma do div que fica por cima no IE6... o restante to me virando...

Giovani · Junho 11, 2007

Olha só, pesquise sobre z-index, acho que deve ajudar você amigo.

Entrar

Arquivado

dropdown do menu fica abaixo do div

Recommended Posts

LukasMoraes 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

LukasMoraes 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

LukasMoraes 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

Giovani 104

Compartilhar este post

Link para o post

Compartilhar em outros sites

comando like (Mysql) no php

Alguém com pratica em subir site em codeigniter4 na Hostinger? Não consigo acessar o bd. Erro de Autenticação. O mesmo site funciona normal em outro servidor web.

mostrar quanto tempo foi postado um conteudo

Este projeto é apoiado pelas empresas

Fóruns

Tempo Real

Informação importante