Ver Mensaje Individual
  #5 (permalink)  
Antiguo 11/04/2012, 23:19
tapuntdesign
 
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.