Foros del Web » Creando para Internet » CSS »

Ajustar una columna

Estas en el tema de Ajustar una columna en el foro de CSS en Foros del Web. ¡Hola! Estoy montando un diseño y querría poder ajustar el div amarillo que se ve en la imagen de forma que debajo del div rosa ...
  #1 (permalink)  
Antiguo 15/08/2009, 18:07
 
Fecha de Ingreso: junio-2008
Ubicación: secreto
Mensajes: 65
Antigüedad: 9 años, 6 meses
Puntos: 2
Exclamación Ajustar una columna

¡Hola!

Estoy montando un diseño y querría poder ajustar el div amarillo que se ve en la imagen de forma que debajo del div rosa no haya nada.



Que quede algo mas o menos así:



He probado a poner esto en el div amarillo:
float:left;
width:570px;

En principio, consigo lo que quiero, pero no me ajusta del todo bien el borde derecho del div amarillo, y además, según que navegador, pues falla o no y acaba colocándose debajo....

¿Existe alguna manera de decirle al div amarillo que se vaya "estirando" hacia abajo, pero que no ocupe el espacio del div rosa?

Muchas gracias!!
  #2 (permalink)  
Antiguo 16/08/2009, 03:56
Colaborador
 
Fecha de Ingreso: junio-2007
Mensajes: 5.798
Antigüedad: 10 años, 6 meses
Puntos: 538
Respuesta: Ajustar una columna

Busca algo relativo a las estructuras de 2 columnas
Puedes intentar algo así:
Cita:
<div id="rosa">...</div>
<div id="amarillo">....</div>
Ambos flotados, y al menos el "rosa" con anchura definida.
__________________
Por una web con mucho estilo
+++ CUENTA ABANDONADA. ¿la quieres? +++
  #3 (permalink)  
Antiguo 16/08/2009, 10:38
Avatar de Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 11 años, 2 meses
Puntos: 279
Respuesta: Ajustar una columna

O simplemente poniendo al div amarillo un margen izquierdo igual al tamaño del div rosa:

#divrosa {float:left;
width: 100px;
}
#divamarillo {float:left;
width:570px;
margin-left: 110px;
}
__________________
Visita mi nueva web idplus.org
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 17:20.