Foros del Web » Creando para Internet » CSS »

Menu CSS parece no tener altura (?)

Estas en el tema de Menu CSS parece no tener altura (?) en el foro de CSS en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 06/12/2009, 15:50
 
Fecha de Ingreso: abril-2006
Mensajes: 95
Antigüedad: 11 años, 8 meses
Puntos: 0
Menu CSS parece no tener altura (?)

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!.
  #2 (permalink)  
Antiguo 06/12/2009, 15:57
 
Fecha de Ingreso: noviembre-2009
Ubicación: Colombía
Mensajes: 311
Antigüedad: 8 años
Puntos: 17
Respuesta: Menu CSS parece no tener altura (?)

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.
  #3 (permalink)  
Antiguo 06/12/2009, 16:07
Avatar de jomaruro
Colaborador
 
Fecha de Ingreso: junio-2002
Ubicación: Naboo
Mensajes: 5.442
Antigüedad: 15 años, 5 meses
Puntos: 361
Respuesta: Menu CSS parece no tener altura (?)

Hola:

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

Saludos.

  #4 (permalink)  
Antiguo 06/12/2009, 16:45
 
Fecha de Ingreso: abril-2006
Mensajes: 95
Antigüedad: 11 años, 8 meses
Puntos: 0
Respuesta: Menu CSS parece no tener altura (?)

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!.
  #5 (permalink)  
Antiguo 06/12/2009, 17:05
Avatar de jomaruro
Colaborador
 
Fecha de Ingreso: junio-2002
Ubicación: Naboo
Mensajes: 5.442
Antigüedad: 15 años, 5 meses
Puntos: 361
Respuesta: Menu CSS parece no tener altura (?)

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.

  #6 (permalink)  
Antiguo 06/12/2009, 17:40
 
Fecha de Ingreso: abril-2006
Mensajes: 95
Antigüedad: 11 años, 8 meses
Puntos: 0
Respuesta: Menu CSS parece no tener altura (?)

Cita:
Iniciado por jomaruro Ver Mensaje
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!.
  #7 (permalink)  
Antiguo 06/12/2009, 18:01
Avatar de jomaruro
Colaborador
 
Fecha de Ingreso: junio-2002
Ubicación: Naboo
Mensajes: 5.442
Antigüedad: 15 años, 5 meses
Puntos: 361
Respuesta: Menu CSS parece no tener altura (?)

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.

  #8 (permalink)  
Antiguo 06/12/2009, 18:48
 
Fecha de Ingreso: abril-2006
Mensajes: 95
Antigüedad: 11 años, 8 meses
Puntos: 0
Respuesta: Menu CSS parece no tener altura (?)

Cita:
Iniciado por jomaruro Ver Mensaje
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!.
  #9 (permalink)  
Antiguo 07/12/2009, 03:12
Avatar de jomaruro
Colaborador
 
Fecha de Ingreso: junio-2002
Ubicación: Naboo
Mensajes: 5.442
Antigüedad: 15 años, 5 meses
Puntos: 361
Respuesta: Menu CSS parece no tener altura (?)

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.

Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 00:24.