Foros del Web » Creando para Internet » CSS »

Centrar un div respecto a otros dos

Estas en el tema de Centrar un div respecto a otros dos en el foro de CSS en Foros del Web. Hola me gustaria que me ayudaran pues no logro obtener lo que quiero con los divs. Resulta que tengo un div (el más grande) que ...
  #1 (permalink)  
Antiguo 16/09/2015, 09:32
Avatar de daysil  
Fecha de Ingreso: septiembre-2015
Mensajes: 25
Antigüedad: 8 años, 7 meses
Puntos: 0
Centrar un div respecto a otros dos

Hola me gustaria que me ayudaran pues no logro obtener lo que quiero con los divs. Resulta que tengo un div (el más grande) que contiene un menú formado por tres divs (1ro nombre de la vista, 2do un mensaje, 3ro un contenedor de botones)


Quisiera que la distancia del div del medio (mensaje) respecto a los otros dos siempre se mantenga relativa al tamaño de la página.


En caso que no quepan los tres divs, que el del mensaje quede por encima.

Muchas Gracias por su ayuda...

Última edición por daysil; 16/09/2015 a las 12:08
  #2 (permalink)  
Antiguo 17/09/2015, 03:57
 
Fecha de Ingreso: abril-2015
Mensajes: 189
Antigüedad: 9 años
Puntos: 14
Respuesta: Centrar un div respecto a otros dos

Nose si he entendido bien pero de lo que he entendido te cuento por si te vale de algo.

Los 3 divs esos los puedes poner con un position relative y float left y entonces estaran uno al lado de otro asi como en la foto , luego les puedes dar un class igual a los 3 (class="cajones") y en el css les das un margin-right:5%; por ejemplo con % para que se adapte al tamaño de pantalla y se aplicara eso a los 3.

Si en algun momento uno fuera a posicionarse sobre otro y quieres que el de mensaje priorice y salga por encima le das a mensaje en css la propiedad z-index por ejemplo z-index:25; y asi tendria prioridad sobre los otros siempre que no tengan un z-index mayor ya claro.

Espero que te haya valido de algo.
  #3 (permalink)  
Antiguo 17/09/2015, 06:42
Avatar de daysil  
Fecha de Ingreso: septiembre-2015
Mensajes: 25
Antigüedad: 8 años, 7 meses
Puntos: 0
Respuesta: Centrar un div respecto a otros dos

Hola muchas gracias, entendiste muy bien lo que yo quería. Probaré lo q me dices y te dejo saber si me funcionó todo bien...

Etiquetas: center, divs, position, relativa, z-index
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 01:47.