Foros del Web » Creando para Internet » CSS »

posicionar un elemento en la parte baja de una caja

Estas en el tema de posicionar un elemento en la parte baja de una caja en el foro de CSS en Foros del Web. Hola a ver si alguien puede echarme un cable, porque no veo la luz... estoy intentando posicionar el elemento #menuh en la parte de abajo ...
  #1 (permalink)  
Antiguo 18/03/2011, 11:54
Avatar de zarcorian  
Fecha de Ingreso: marzo-2011
Ubicación: aquí
Mensajes: 113
Antigüedad: 6 años, 9 meses
Puntos: 3
posicionar un elemento en la parte baja de una caja

Hola

a ver si alguien puede echarme un cable, porque no veo la luz...

estoy intentando posicionar el elemento #menuh en la parte de abajo de div#capcelera, pero no lo consigo

Uso el posicionamiento relativo y le indico que se situe a 0px de la parte de abajo (bottom) pero no hace absolutamente nada.

El codigo es el siguiente:
Código:
.....

div#contenedor_global { width: 70em; height: 100%; margin: 0px auto; }
div#capcelera { height:10em; width:100%; background-color:#FFFFFF;}
.....

/*---------MENU HORITZONTAL SUPERIOR -----------*/

div#menuh { font-size: 1.05em; font-weight:900; margin-left:16em; position:relative; bottom:0px; }
div#menuh ul, li { list-style-type: none; }
div#menuh ul { margin: 0; padding: 0; }
div#menuh li { float: left;}
div#menuh a { text-decoration:none; color:#FFFFFF; background-color:#DD7700; display:block; padding-left:1.15em; padding-right:1.15em; text-align:center;  border: 2px solid #EEFCBC; border-width: 0px 2px 0px 0; }
div#menuh a#primer { border-left: 0px solid #EEFCBC; }
div#menuh a#ultim { border-right: 0px solid #EEFCBC; }
div#menuh a:hover { color: #5B6144; background-color: #ECEEA9; }

...
alguna idea?

aqui os dejo la web por si le quereis echar una ojeada

http://www.raconsdecatalunya.com

se trata del menú de color anaranjado, que tendria que situarse justo encima del recuadro naranja del cuerpo principal.

gracias !!
  #2 (permalink)  
Antiguo 18/03/2011, 12:20
Avatar de Naahuel  
Fecha de Ingreso: marzo-2011
Ubicación: localhost
Mensajes: 796
Antigüedad: 6 años, 9 meses
Puntos: 192
Respuesta: posicionar un elemento en la parte baja de una caja

El problema está en que div#capcelera tiene una altura fija (10em) y el posicionamiento que intentás hacer es incorrecto.

Probá lo siguiente:
- Eliminá la linea que da la altura de 10em a div#capcelera.
- a div#menuh ul agregale overflow: auto;

El problema está en que estás flotando los items de la botonera y tu div#menuh no tiene altura (pues los elementos internos estan fuera del flujo del DOM)
  #3 (permalink)  
Antiguo 18/03/2011, 12:26
Avatar de zarcorian  
Fecha de Ingreso: marzo-2011
Ubicación: aquí
Mensajes: 113
Antigüedad: 6 años, 9 meses
Puntos: 3
Respuesta: posicionar un elemento en la parte baja de una caja

Naahuel, eres un MAESTRO !!

funciona perfectamente...

Muchas gracias !!
  #4 (permalink)  
Antiguo 18/03/2011, 12:28
Avatar de Naahuel  
Fecha de Ingreso: marzo-2011
Ubicación: localhost
Mensajes: 796
Antigüedad: 6 años, 9 meses
Puntos: 192
Respuesta: posicionar un elemento en la parte baja de una caja

De nada, que bueno que funcionó. ¡Un saludo!

Etiquetas: baja, caja
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 13:05.