Foros del Web » Creando para Internet » CSS »

[SOLUCIONADO] Div flotante con width 100% junto a un div fijo

Estas en el tema de Div flotante con width 100% junto a un div fijo en el foro de CSS en Foros del Web. Hola amigos, Estoy tratando de que dos divs floten paralelamente, el primer div tiene un ancho fijo (125px) y se encuentra a la derecha. El ...
  #1 (permalink)  
Antiguo 13/11/2013, 23:32
 
Fecha de Ingreso: julio-2010
Mensajes: 127
Antigüedad: 13 años, 9 meses
Puntos: 2
Pregunta Div flotante con width 100% junto a un div fijo

Hola amigos,
Estoy tratando de que dos divs floten paralelamente, el primer div tiene un ancho fijo (125px) y se encuentra a la derecha. El segundo div debe cubrir todo el ancho de la pantalla menos el ancho del primer div (100%-125px)

hasta aqui lo tengo hecho: http://jsfiddle.net/EAEKc/438/

Pero ademas debe tener un min-width de 125px, para que en el caso que el tamaño de la ventana sea menor a 250px (el ancho del primero mas el ancho minimo del segundo) el div de la izquierda se ponga debajo de el de la derecha.
__________________
Mi ultima web.
  #2 (permalink)  
Antiguo 14/11/2013, 02:19
Avatar de pzin
Moderata 😈
 
Fecha de Ingreso: julio-2002
Ubicación: Islas Canarias
Mensajes: 10.488
Antigüedad: 21 años, 8 meses
Puntos: 2114
Respuesta: Div flotante con width 100% junto a un div fijo

Puedes hacer algo así:

Código CSS:
Ver original
  1. .izquierda {
  2.     float: left;
  3.     width: 125px;
  4. }
  5.  
  6. .derecha {
  7.     overflow: hidden;
  8.     width: calc(100% - 125px);
  9.     min-width: 125px;
  10. }
  #3 (permalink)  
Antiguo 14/11/2013, 09:10
 
Fecha de Ingreso: julio-2010
Mensajes: 127
Antigüedad: 13 años, 9 meses
Puntos: 2
Respuesta: Div flotante con width 100% junto a un div fijo

Exactamente lo que queria!, gracias.
__________________
Mi ultima web.

Etiquetas: ancho, divs, fijo, flotante, junto, 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 14:54.