Foros del Web » Creando para Internet » CSS »

[SOLUCIONADO] Ensanchar div hasta un punto determinado

Estas en el tema de Ensanchar div hasta un punto determinado en el foro de CSS en Foros del Web. Buenas, tengo 2 div flotantes, uno a la izquierda de 160 px de ancho y con 2 mas en su interior, y otro a la ...
  #1 (permalink)  
Antiguo 06/06/2013, 14:52
 
Fecha de Ingreso: enero-2013
Mensajes: 33
Antigüedad: 11 años, 3 meses
Puntos: 0
Ensanchar div hasta un punto determinado

Buenas, tengo 2 div flotantes, uno a la izquierda de 160 px de ancho y con 2 mas en su interior, y otro a la derecha. Me gustaría que este de la derecha llegara hasta el de la izquierda pero en cualquier pantalla.
Gracias de antemano.
Saludos.
  #2 (permalink)  
Antiguo 06/06/2013, 17:50
Avatar de Aeon1  
Fecha de Ingreso: enero-2012
Mensajes: 57
Antigüedad: 12 años, 2 meses
Puntos: 3
Respuesta: Ensanchar div hasta un punto determinado

pues podrias hacerlo asi
<div id="div1" style="width: 160px; float: left;"></div>
<div id="div2" style="width: 100%;"></div>
con eso se alinean asi como deseas
  #3 (permalink)  
Antiguo 07/06/2013, 07:01
 
Fecha de Ingreso: enero-2013
Mensajes: 33
Antigüedad: 11 años, 3 meses
Puntos: 0
Respuesta: Ensanchar div hasta un punto determinado

El problema es que tengo marcados los bordes entonces se ve como el div llega hasta el otro lado.
  #4 (permalink)  
Antiguo 07/06/2013, 07:23
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: Ensanchar div hasta un punto determinado

No sé si lo que buscas sería algo así:

Código CSS:
Ver original
  1. div.izquierda {
  2.   float: left;
  3.   width: 160px;
  4. }
  5.  
  6. div.derecha {
  7.   overflow: hidden;
  8. }

Así el izquierda tiene un ancho fijo y el de la derecha ocupa el resto.
  #5 (permalink)  
Antiguo 07/06/2013, 10:57
 
Fecha de Ingreso: enero-2013
Mensajes: 33
Antigüedad: 11 años, 3 meses
Puntos: 0
Respuesta: Ensanchar div hasta un punto determinado

Gracias, ya lo conseguí solucionar con vuestra ayuda!!
  #6 (permalink)  
Antiguo 07/06/2013, 11:33
Avatar de refielt  
Fecha de Ingreso: mayo-2011
Mensajes: 36
Antigüedad: 12 años, 11 meses
Puntos: 0
Respuesta: Ensanchar div hasta un punto determinado

yo prefiero asi
<div class="izquierda"></div>
<div class="derecha"></div>

izquierda{ float:left; width:180px;}
derecha{ margin-left:180px;}
  #7 (permalink)  
Antiguo 07/06/2013, 14:37
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: Ensanchar div hasta un punto determinado

refielt intenta usar highlight o code para cuando pones código.

Etiquetas: ancho, determinado, punto
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 10:09.