Foros del Web » Creando para Internet » CSS »

Menú fixed pierde su espacio

Estas en el tema de Menú fixed pierde su espacio en el foro de CSS en Foros del Web. Hola: Tengo un menú position: fixed en la parte superior de la página. El problema es que al estar ahí fijo está como flotando perdiendo ...
  #1 (permalink)  
Antiguo 11/04/2012, 13:46
 
Fecha de Ingreso: septiembre-2009
Mensajes: 215
Antigüedad: 15 años, 1 mes
Puntos: 1
Menú fixed pierde su espacio

Hola:

Tengo un menú position: fixed en la parte superior de la página. El problema es que al estar ahí fijo está como flotando perdiendo así su espacio. Por esto, el contenedor situado justo debajo se esconde por detrás de este.
¿Cómo hago para que mantenga su altura?

Un saludo
  #2 (permalink)  
Antiguo 11/04/2012, 15:04
Avatar de cristian_cena
Colaborador
 
Fecha de Ingreso: junio-2009
Mensajes: 2.244
Antigüedad: 15 años, 5 meses
Puntos: 269
Respuesta: Menú fixed pierde su espacio

si no entiendo mal, deberías dar un margin-top al contenedor.
  #3 (permalink)  
Antiguo 11/04/2012, 15:15
 
Fecha de Ingreso: septiembre-2009
Mensajes: 215
Antigüedad: 15 años, 1 mes
Puntos: 1
Respuesta: Menú fixed pierde su espacio

Te refieres al contenedor de debajo o al propio contenedor fijo?
  #4 (permalink)  
Antiguo 11/04/2012, 15:29
Avatar de cristian_cena
Colaborador
 
Fecha de Ingreso: junio-2009
Mensajes: 2.244
Antigüedad: 15 años, 5 meses
Puntos: 269
Respuesta: Menú fixed pierde su espacio

al de abajo. Si podes compartir codigo sería más facil XD
  #5 (permalink)  
Antiguo 11/04/2012, 23:19
 
Fecha de Ingreso: julio-2011
Mensajes: 83
Antigüedad: 13 años, 4 meses
Puntos: 24
Respuesta: Menú fixed pierde su espacio

Cita:
Iniciado por pinchu Ver Mensaje
Hola:

Tengo un menú position: fixed en la parte superior de la página. El problema es que al estar ahí fijo está como flotando perdiendo así su espacio. Por esto, el contenedor situado justo debajo se esconde por detrás de este.
¿Cómo hago para que mantenga su altura?

Un saludo
Los elementos fixed son elementos fijos con respecto a la ventana, así que es normal que aparezcan flotantes en el scrolling, distinto sería si fueran fijos con respecto al documento (absolute). Los elementos son predeterminadamente estáticos (static) y siguen el flujo del documento, de arriba a abajo, de izquierda a derecha.

Necesitas por tanto determinar un margen superior (margin-top) al elemento de abajo, y para eso tienes que fijar la altura (height) del elemento flotante. O también puedes establecer al elemento que lo sigue una posición absoluta con respecto al techo del documento (position:absolute; top:xxpx; left:0px), donde xx sería un tamaño superior a la altura del elemento flotante.

Un saludo.

Etiquetas: espacio, fixed, pierde
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 12:40.