Foros del Web » Creando para Internet » CSS »

Mala colocación de capas

Estas en el tema de Mala colocación de capas en el foro de CSS en Foros del Web. Buenas a todos Tengo 3 capas: CONTENEDOR: es la capa que contiene a las otras dos. IZQUIERDA: es la capa que ocupa la mitad izquierda ...
  #1 (permalink)  
Antiguo 04/04/2008, 09:01
Avatar de atoleon  
Fecha de Ingreso: marzo-2007
Mensajes: 156
Antigüedad: 17 años, 1 mes
Puntos: 1
Mala colocación de capas

Buenas a todos

Tengo 3 capas:
CONTENEDOR: es la capa que contiene a las otras dos.
IZQUIERDA: es la capa que ocupa la mitad izquierda del contenedor
DERECHA: es la capa que ocupa la mitad derecha del contenedor

Yo lo que quiero es algo así como un formato de dos columnas. Es decir, que IZQUIERDA y DERECHA aparezcan una al lado de la otra para eso puse en la capa IZQUIERDA "float: left" y en la capa derecha "margin-left: auto". Con esto queda perfectamente.

El problema está a la hora de que crezca la capa CONTENEDOR segun crecen sus capas interiores. Es decir, yo quiero que segun crece la capa IZQUIERDA o DERECHA crezca la capa contenedor, ya que es la capa que contiene el fondo. Puesto no ocurre si la que crece más es la capa IZQUIERDA. Es decir, que la capa CONTENEDOR crece en función de la capa DERECHA, si es la capa IZQUIERDA la que crece, la capa CONTENEDOR no crece igual y la capa IZQUIERDA sobrepasa por debajo a la capa CONTENEDOR.

Esto es debido a que la capa IZQUIERDA contiene la clausula float. Pero claro, no puedo quitarla porque necesito que flote a la izquierda.

A ver si alguien puede darme la solución.
  #2 (permalink)  
Antiguo 04/04/2008, 09:14
Avatar de Raulmmmm  
Fecha de Ingreso: marzo-2007
Ubicación: En otro lugar que tú
Mensajes: 1.549
Antigüedad: 17 años
Puntos: 36
Re: Mala colocación de capas

Puedes ponerle el float: left también a la DERECHA y, en el HTML, justo antes de que acabe el div CONTENEDOR, pones esto:
Código HTML:
</div> <!-- final del div DERECHA -->
<div style="clear: both"></div>
</div> <!-- final del div CONTENEDOR --> 
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 20:59.