Menu FF

[Tiago Cardoso 1]

Olá minha gente, acho que deve ser o 1º tópico falando sobre menus!hehehe

Eu peguei um aki, msm do Imasters p/ testar e no FF tá dando um problema d posicionamento, como sou "fraquinho" em css, peço a ajuda d vcs, obrigado!

ai vai:

http://www.ansg.net/NetDental/teste/teste.htm

 

o css:

/* menu-horiz.css */#nav  {	border-left:0px solid #FFF; 	border-right:0px solid #FFF; 	border-top:1px solid #FFF; 	border-bottom:1px solid #FFF; 	float: left;	width: 700px;	background: #EEE;	padding: 0;	color: #666;	 	list-style-type:none; 	font-style:normal; 	font-variant:normal; 	font-weight:bold; 	line-height:14px; 	font-size:10px; 	font-family:Verdana, Arial, Helvetica, sans-serif; 	margin-left:0;	margin-right:0; 	margin-top:0; 	margin-bottom:1em}#nav ul  {	border-left:0px solid #FFF; 	border-right:0px solid #FFF; 	border-top:1px solid #FFF; 	border-bottom:1px solid #FFF; 	float: left;	width: auto;	background: #EEE;	padding: 0;	#eda;	color: #666;	 	list-style-type:none; 	font-style:normal; 	font-variant:normal; 	font-weight:bold; 	line-height:14px; 	font-size:10px; 	font-family:Verdana, Arial, Helvetica, sans-serif; 	margin-left:0; 	margin-right:0; 	margin-top:0; 	margin-bottom:1em}#nav a {	display: block;	width: 8em;			 	w\idth: 4em;			  	color: #7C6240;	text-decoration: none;	padding: 0.25em 2em;	border: 1px solid #FFF;	border-right-color: #CCC; 	border-bottom-color: #CCC; 	color: #666;	font: bold 10px/14px Verdana, Arial, Helvetica, sans-serif;}#nav a:hover {	background: #CCC;}#nav li {	float: left;		padding: 0;	width: 8em;	 }#nav li ul  {	position: absolute;	left: -999em;	height: auto;	width: 14.2em;	w\idth: 13.2em; 	font-weight: normal;	border-width: 1px; 	margin: 0;	background: #CCC;}#nav li li {	width: 13.2em;}#nav li ul a {	width: 13.2em;	w\idth: 9em; }#nav li ul ul {	margin: -1.75em 0 0 13.2em; }#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul, #nav li:hover ul ul ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul, #nav li.sfhover ul ul ul ul, #nav li.sfhover ul ul ul ul ul {	left: -999em;}#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul, #nav li li li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul, #nav li li li li.sfhover ul, #nav li li li li li.sfhover ul  {	left: auto;	background: #EEE;}#nav li:hover, #nav li.sfhover {	background: #CCC; }

[void 1]

usa esse aki q vai

 

/* menu-horiz.css */#nav  {	border-left:0px solid #FFF; 	border-right:0px solid #FFF; 	border-top:1px solid #FFF; 	border-bottom:1px solid #FFF; 	float: left;	/*width: 700px;*/	background: #EEE;	padding: 0;	color: #666;	 	list-style-type:none; 	font-style:normal; 	font-variant:normal; 	font-weight:bold; 	line-height:14px; 	font-size:10px; 	font-family:Verdana, Arial, Helvetica, sans-serif; 	margin-left:0;	margin-right:0; 	margin-top:0; 	margin-bottom:1em}#nav ul  {	border-left:0px solid #FFF; 	border-right:0px solid #FFF; 	border-top:1px solid #FFF; 	border-bottom:1px solid #FFF; 	float: left;	width: auto;	background: #EEE;	padding: 0;	#eda;	color: #666;	 	list-style-type:none; 	font-style:normal; 	font-variant:normal; 	font-weight:bold; 	line-height:14px; 	font-size:10px; 	font-family:Verdana, Arial, Helvetica, sans-serif; 	margin-left:0; 	margin-right:0; 	margin-top:0; 	margin-bottom:1em}#nav a {	display: block;	/*width: 8em;			 	/*w\idth: 4em;			  */	color: #7C6240;	text-decoration: none;	padding: 0.25em 2em;	padding-top:3px;	border: 1px solid #FFF;	border-right-color: #CCC; 	border-bottom-color: #CCC; 	color: #666;	font: bold 10px/14px Verdana, Arial, Helvetica, sans-serif;}#nav a:hover {	background: #CCC;}#nav li {	float: left;		padding: 0;	/*width: 8em;	 */}#nav li ul  {	position: absolute;	left: -999em;	height: auto;	width: 14.2em;	w\idth: 13.2em; 	font-weight: normal;	border-width: 1px; 	margin: 0;	background: #CCC;}#nav li li {	width: 13.2em;}#nav li ul a {	width: 13.2em;	w\idth: 9em; }#nav li ul ul {	margin: -1.75em 0 0 13.2em; }#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul, #nav li:hover ul ul ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul, #nav li.sfhover ul ul ul ul, #nav li.sfhover ul ul ul ul ul {	left: -999em;}#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul, #nav li li li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul, #nav li li li li.sfhover ul, #nav li li li li li.sfhover ul  {	left: auto;	background: #EEE;}#nav li:hover, #nav li.sfhover {	background: #CCC; }

 

the void

[void 1]

ta ai o novo

 

/* menu-horiz.css */#nav  {	border-left:0px solid #FFF; 	border-right:0px solid #FFF; 	border-top:1px solid #FFF; 	border-bottom:1px solid #FFF; 	float: left;	/*width: 700px;*/	background: #EEE;	padding: 0;	color: #666;	 	list-style-type:none; 	font-style:normal; 	font-variant:normal; 	font-weight:bold; 	line-height:14px; 	font-size:10px; 	font-family:Verdana, Arial, Helvetica, sans-serif; 	margin-left:0;	margin-right:0; 	margin-top:0; 	margin-bottom:1em}#nav ul  {	border-left:0px solid #FFF; 	border-right:0px solid #FFF; 	border-top:1px solid #FFF; 	border-bottom:1px solid #FFF; 	float: left;	width: auto;	background: #EEE;	padding: 0;	#eda;	color: #666;	 	list-style-type:none; 	font-style:normal; 	font-variant:normal; 	font-weight:bold; 	line-height:14px; 	font-size:10px; 	font-family:Verdana, Arial, Helvetica, sans-serif; 	margin-left:0; 	margin-right:0; 	margin-top:0; 	margin-bottom:1em}#nav a {	display: block;	/*width: 8em;			 	/*w\idth: 4em;			  */	color: #7C6240;	text-decoration: none;	padding: 0.25em 2em;	padding-top:3px;	border: 1px solid #FFF;	border-right-color: #CCC; 	border-bottom-color: #CCC;	color: #666;	font: bold 10px/14px Verdana, Arial, Helvetica, sans-serif;}#nav a:hover {	background: #CCC;}#nav li {	float: left;		padding: 0;	/*width: 8em;	 */}#nav li ul  {	position: absolute;	left: -999em;	height: auto;	/*width: 14.2em;	w\idth: 13.2em; */	font-weight: normal;	border-width: 1px; 	margin: 0;	background: #CCC;}#nav li li {	/*width: 13.2em;*/}#nav li ul a {	/*width: 13.2em;	w\idth: 9em; */}#nav li ul ul {	margin: -1.75em 0 0 13.2em; }#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul, #nav li:hover ul ul ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul, #nav li.sfhover ul ul ul ul, #nav li.sfhover ul ul ul ul ul {	left: -999em;}#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul, #nav li li li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul, #nav li li li li.sfhover ul, #nav li li li li li.sfhover ul  {	left: auto;	background: #EEE;}#nav li:hover, #nav li.sfhover {	background: #CCC; }

[Tiago Cardoso 1]

Ok, funcionou, mto obrigado, valew mesmo, você poderia me dizer o que fez e por que se possível?

[void 1]

eu comentei os widths pq os browsers trabalham de forma diferente isso o IE c você tem um div com texto e coloca width 1px ele vai ficar o mínimo possível mas mesmo sendo float left ja o FF quando ele é float left ele ignora os filhos e faz oq está explicito na css.

 

#nav li ul  {	position: absolute;	left: -999em;	height: auto;	/*width: 14.2em;	w\idth: 13.2em; */	font-weight: normal;	border-width: 1px;	margin: 0;	background: #CCC;}#nav li li {	/*width: 13.2em;*/}#nav li ul a {	/*width: 13.2em;	w\idth: 9em; */}

 

the void

[Tiago Cardoso 1]

ok, muito obrigado!

[Guilherme Rambo 4]

w\idth

Isso eh q tipo de hack?