Foros del Web » Creando para Internet » CSS »

DIV 100% enseguida de otro

Estas en el tema de DIV 100% enseguida de otro en el foro de CSS en Foros del Web. Haber si me puedo explicar. alguien sabe como poder mostrar un div 100% enseguida de otro es decir inline-block tengo el html: div.contenido >>div.width_200_px >>div.width_100_percent ...
  #1 (permalink)  
Antiguo 14/11/2014, 11:21
 
Fecha de Ingreso: diciembre-2012
Mensajes: 69
Antigüedad: 11 años, 3 meses
Puntos: 0
DIV 100% enseguida de otro

Haber si me puedo explicar.

alguien sabe como poder mostrar un div 100% enseguida de otro es decir inline-block

tengo el html:

div.contenido
>>div.width_200_px
>>div.width_100_percent

los width ya cuentan con display: inline-block
entonces el de la izquierda no debe de cambiar su tamaño, pero el de la derecha si

Actualmente mi problema es que si le asigno un porcentaje al momento de modificar la pantalla se brinca hacia abajo como si tubiera display:block.

Espero haber sido claro. Gracias.
  #2 (permalink)  
Antiguo 14/11/2014, 13:02
Avatar de pzin
Moderata 😈
 
Fecha de Ingreso: julio-2002
Ubicación: Islas Canarias
Mensajes: 10.488
Antigüedad: 21 años, 7 meses
Puntos: 2114
Respuesta: DIV 100% enseguida de otro

No sé qué tendrá que ver que sea inline-block o block. El 100% siempre será 100%, da igual el tipo de display.

Puedes usar calc():

Código CSS:
Ver original
  1. width: calc(100% - 200px);
__________________
(:
  #3 (permalink)  
Antiguo 14/11/2014, 17:04
Avatar de HostinGroup  
Fecha de Ingreso: agosto-2011
Ubicación: Peru
Mensajes: 106
Antigüedad: 12 años, 6 meses
Puntos: 2
Respuesta: DIV 100% enseguida de otro

Si se brinca hacia abajo con un inline-block es porque el ancho de los 2 divs supera el 100% del ancho del div contenedor.

Si este div "div.width_100_percent" le haz puesto 100% de ancho, obviamente va a saltar, porque va a usar todo el ancho y si le aumentas los 200px del otro div no encaja, entonces se va para abajo.
__________________
HostinGroup SAC
Hosting Wordpress - Diseño Web en Peru

Etiquetas: html, tamaño, width
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 23:03.