Foros del Web » Creando para Internet » CSS »

Como flotar correctamente 3 cajas de distinto tamaño

Estas en el tema de Como flotar correctamente 3 cajas de distinto tamaño en el foro de CSS en Foros del Web. Hola! Estoy intentando meter una tercera caja justo debajo del "menuslider" pero el resultado no es el esperado ¿Cómo lo podría hacer? Está el bloque ...
  #1 (permalink)  
Antiguo 03/12/2015, 03:33
 
Fecha de Ingreso: septiembre-2014
Mensajes: 15
Antigüedad: 10 años, 2 meses
Puntos: 0
Como flotar correctamente 3 cajas de distinto tamaño

Hola!

Estoy intentando meter una tercera caja justo debajo del "menuslider" pero el resultado no es el esperado



¿Cómo lo podría hacer?

Está el bloque del menú con las siguientes características

#slidermenucontainer {
position: static;
}
#slidermenucontainer {
top: 0px;
left: 0px;
z-index: 999;
}

Gracias!!
  #2 (permalink)  
Antiguo 03/12/2015, 10:22
Avatar de pzin
Moderata 😈
 
Fecha de Ingreso: julio-2002
Ubicación: Islas Canarias
Mensajes: 10.489
Antigüedad: 22 años, 3 meses
Puntos: 2114
Respuesta: Como flotar correctamente 3 cajas de distinto tamaño

El código que has puesto lo que hace es… No hace nada. La posición estática es la que tienen todos los elementos por defecto, y las otras propiedades solo funcionan si la posición no es estática.

Si quieres poner algo debajo de ese menú, pon el menú dentro de un elemento flotado, en vez de flotar el elemento del menú.
__________________
(:
  #3 (permalink)  
Antiguo 11/12/2015, 01:19
 
Fecha de Ingreso: mayo-2010
Mensajes: 30
Antigüedad: 14 años, 6 meses
Puntos: 0
Respuesta: Como flotar correctamente 3 cajas de distinto tamaño

Podrías trabajar por ejemplo con float:left.

Si lo que va a ir debajo del menú va a seguir también el mismo ancho, quizás te convenga tener un contenedor para el menú y lo que va debajo y otro para el slide.

Etiquetas: cajas, correctamente, distinto, tamaño
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 07:19.