Menu CSS parece no tener altura (?)

elkevin · #1 (**permalink**) 06/12/2009, 15:50

Buenas tardes gente!,

Estoy empleando un menú desplegable CSS, funciona a la perfección, pero cuando lo coloco, ni importa en donde sea, si dentro de DIVs, o simplemente en algun lugar del documento, este se situa en la posición correcta, pero pareciera que no se detecta su alto.

Para se mas exactos:

Tengo configurado en el DIV en que coloco el Menú, los paddings, cuando coloco el texto, veo como el DIV se agranda, el texto ocupa su parte, y lo paddings van perfecto, pero cuando pongo el menú, es como si dentro del DIV no habría nada.

Puedo ponerle al UL del Menú, Width 100%, y se extiende por lo largo del DIV, pero no logro solucionar el tema del alto.

Agradecería a quien pueda ayudarme!.

Muchas gracias amable comunidad!.

PrendekZ · #2 (**permalink**) 06/12/2009, 15:57

Seguro tienes.

en el botón:

Cita:

margin-top:20px;

o en la div:

Cita:

padding-top:20px;

El 20px no es seguro, puede ser otro valor, eso hará que sea el espacio en blanco.

jomaruro · #3 (**permalink**) 06/12/2009, 16:07

Hola:

Mejor es que pongas la URL o tu código para no andar haciendo cábalas.

Saludos.

elkevin · #4 (**permalink**) 06/12/2009, 16:45

Muchas gracias por ayudarme amigos!.

Les comento que hasta el momento, para subsanar este problema, venía trabajando con el padding del DIV en el que contenía el menú, pero pensé que podría hacer esto de una manera mas "prolija".

No puedo jugar con los paddings del menú, ya que utilizo estos para darle la distancia interior a los elementos.

En el link que les dejo, el menú tiene los siguientes atributos: "margin: 0px 0px 100px 0px;"

Hay un DIV llamado Marco, en el que contengo a 2 DIV mas, llamados head y nav. En head, tengo el menú. Marco tiene color de fondo naranja, nav color de fondo blanco, y head no tiene color de fondo.

http://www.adrielairaldo.com.ar/temp...dmin_index.php

Gracias de nuevo muchachos!.

jomaruro · #5 (**permalink**) 06/12/2009, 17:05

Hola:

Viendo tu código he detectado que tienes los link a tus hojas de estilo dentro del body cuando deberías tenerlas dentro del head.

Código:

<!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">
<head>
<title>Documento sin t&iacute;tulo</title>
</head>
<body>
<link rel="stylesheet" href="../admin_index/admin_index_style.css" type="text/css" />
<!-- <link rel="stylesheet" href="../abm_style/abm_style.css" type="text/css" /> -->
<div id="marco">
	<div id="head">
<link rel="stylesheet" href="../admin_menu/admin_menu_style.css" type="text/css" />
<ul class="adminMenu">
...

De todas formas no sé si será eso lo que te plantea el problema (Seguiré mirando).

Saludos.

elkevin · #6 (**permalink**) 06/12/2009, 17:40

Cita:

Iniciado por jomaruro

Hola:

Viendo tu código he detectado que tienes los link a tus hojas de estilo dentro del body cuando deberías tenerlas dentro del head.

Código:

<!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">
<head>
<title>Documento sin t&iacute;tulo</title>
</head>
<body>
<link rel="stylesheet" href="../admin_index/admin_index_style.css" type="text/css" />
<!-- <link rel="stylesheet" href="../abm_style/abm_style.css" type="text/css" /> -->
<div id="marco">
	<div id="head">
<link rel="stylesheet" href="../admin_menu/admin_menu_style.css" type="text/css" />
<ul class="adminMenu">
...

De todas formas no sé si será eso lo que te plantea el problema (Seguiré mirando).

Saludos.

Muchas gracias por tomarte el tiempo!

Coloco ahí las hojas de estilo, por que llamo al menú con una función en PHP, la he cambiado de lugar, y no ha variado en nada el comportamiento.

Sigo probando a ver que encuentro!,

Saludos!.

jomaruro · #7 (**permalink**) 06/12/2009, 18:01

Hola:

Esto es lo que veo en FF:

Y esto en IE:

En los dos casos el menú tiene alto, no acabo de entender tu problema.

Saludos.

elkevin · #8 (**permalink**) 06/12/2009, 18:48

Cita:

Iniciado por jomaruro

Hola:

Esto es lo que veo en FF:

Y esto en IE:

En los dos casos el menú tiene alto, no acabo de entender tu problema.

Saludos.

Como se ve en IE en tu caso, es como quiero que se vea, logré que se vea así, pero trabajando con el padding del DIV que lo contiene, yo quería ver, si podía hacer que me detecte la altura real del menú, para tener que despreocuparme de esos artilugios.

De todos modos, ya por el momento lo dejo así.

Muchisimas gracias por tu ayuda colega!. Has sido muy cordial!, saludos!.

jomaruro · #9 (**permalink**) 07/12/2009, 03:12

Hola:

Ahora no funciona el enlace, supongo que ya has quitado la página. La solución es fácil, pero no recuerdo ahora mismo como tenías tu CSS. En el div (o lo que sea) que tienes el HOLA añade overflow:auto.

Si no te funciona vuelve a subir la página y me avisas.

Saludos.