Foros del Web » Creando para Internet » CSS »

Adaptar contenedor al contenido

Estas en el tema de Adaptar contenedor al contenido en el foro de CSS en Foros del Web. Hola amigos. Tengo un problema con la maquetacion de una Web. La cuestion es la siguiente. Poseo un div contenedor, que dentro contiene un div ...
  #1 (permalink)  
Antiguo 13/12/2008, 14:56
Avatar de futurosoft  
Fecha de Ingreso: diciembre-2008
Mensajes: 28
Antigüedad: 15 años, 4 meses
Puntos: 0
Adaptar contenedor al contenido

Hola amigos. Tengo un problema con la maquetacion de una Web. La cuestion es la siguiente.

Poseo un div contenedor, que dentro contiene un div contenido y un div lateral, que este ultimo va a ser una columna. Me es necesario que el alto del contenedor se adapte al que tenga la altura maxima de los dos. Aquí el codigo que poseo:

.contenedor
{
min-height:600px;
width:800px;
height:auto;
margin:0 auto 0 auto;
background-color:#FFFFFF;
border:1px solid #000000;
}

.contenido
{
float:right;
height:auto;
}

.lateral
{
height:auto;
float:left;
width:150px;
border:1px solid #000000;
}


Un saludo y gracias.
  #2 (permalink)  
Antiguo 13/12/2008, 17:22
Avatar de Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 17 años, 6 meses
Puntos: 280
Respuesta: Adaptar contenedor al contenido

Añade justo antes de </div> de cerrar el contenedor esto:

<div class="corte"></div>

y ahora a la css:

.corte {clear: both;}
__________________
Visita mi nueva web idplus.org
  #3 (permalink)  
Antiguo 13/12/2008, 19:58
Avatar de futurosoft  
Fecha de Ingreso: diciembre-2008
Mensajes: 28
Antigüedad: 15 años, 4 meses
Puntos: 0
Respuesta: Adaptar contenedor al contenido

Muchas gracias, pero lo he probado y no me funciona.

¿alguna solucion?

Gracias un saludo.
  #4 (permalink)  
Antiguo 13/12/2008, 20:25
Avatar de futurosoft  
Fecha de Ingreso: diciembre-2008
Mensajes: 28
Antigüedad: 15 años, 4 meses
Puntos: 0
Respuesta: Adaptar contenedor al contenido

Disculpame. Error mío. Si que funciona. Exactamente que significa ese parámetro?

Muchas gracias y un saludo.
  #5 (permalink)  
Antiguo 14/12/2008, 02:10
Avatar de MasterXNicoX  
Fecha de Ingreso: junio-2008
Ubicación: ../Arg/SanLuis.city
Mensajes: 943
Antigüedad: 15 años, 10 meses
Puntos: 28
Respuesta: Adaptar contenedor al contenido

Lo de Mik siempre Funciona ^^
__________________
Adivino del Foro y Admirador de Sabios
  #6 (permalink)  
Antiguo 14/12/2008, 11:20
 
Fecha de Ingreso: diciembre-2008
Ubicación: Cordoba
Mensajes: 127
Antigüedad: 15 años, 4 meses
Puntos: 17
De acuerdo Respuesta: Adaptar contenedor al contenido

Cita:
Iniciado por futurosoft Ver Mensaje
Disculpame. Error mío. Si que funciona. Exactamente que significa ese parámetro?

Muchas gracias y un saludo.
La propiedad clear especifica si un elemento permite elementos flotantes a sus lados. Un valor left mueve el elemento debajo de cualquier elemento flotante a su izquierda; right actúa en forma similar para elementos flotantes a la derecha. Otros valores son none, que es el valor inicial, y both, que mueve el elemento debajo de los elementos flotantes a ambos lados.

PD:admito que es un copy Paste pero estoy estudiando la guia w3c y x eso te respondi =)

sAludos!
  #7 (permalink)  
Antiguo 14/12/2008, 12:41
Avatar de Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 17 años, 6 meses
Puntos: 280
Respuesta: Adaptar contenedor al contenido

Es correcto, pero realmente la razón en este caso concreto no es esa, sino la repetida mil veces: una caja con sólo cajas flotadas en su interior no crece tanto como las cajas flotadas, porque para ella no ocupan espacio físico real.
Al añadir el div con el corte, ese div debe ocupar el sitio real que le corresponde tras las cajas flotadas, y el clear, que efectivamente funciona como dices, obliga a que la caja contenedora crezca para albergarla dentro.
__________________
Visita mi nueva web idplus.org
  #8 (permalink)  
Antiguo 14/12/2008, 13:16
 
Fecha de Ingreso: diciembre-2008
Ubicación: Cordoba
Mensajes: 127
Antigüedad: 15 años, 4 meses
Puntos: 17
Respuesta: Adaptar contenedor al contenido

Si mik eres la caña!! Tio :D
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:02.