[SOLUCIONADO] Dos columnas dentro de un div

[xfrancis]

Hola, tengo el siguiente problema; Tengo un div contendor y dentro de el dos divs como columna, una con float:left y otra con float:right. El problema es que cuando crece una de las dos columnas, el div padre no se estira. Este es mi codigo:

Código HTML:

<div id="text">
    <div id="texto_somos">Colocar aquí el contenido para  id "texto_somos"</div>
    <div id="texto_foto">Colocar aquí el contenido para  id "texto_foto"</div>
  </div> 

y el CSS es:

Código:

#main #text #texto_somos {
	float: left;
	width: 600px;
	
}
#main #text #texto_foto {
	float: right;
	width: 300px;
}

Espero puedan ayudarme. Gracias de todos modos.

[pzin]

Tienes que limpiar el flotado.

El método más simple es hacer:

Código CSS:

div#text {
  overflow: hidden;
}
 

[herzbazi]

Iniciado por xfrancis

Hola, tengo el siguiente problema; Tengo un div contendor y dentro de el dos divs como columna, una con float:left y otra con float:right. El problema es que cuando crece una de las dos columnas, el div padre no se estira. Este es mi codigo:

Código HTML:

<div id="text">
    <div id="texto_somos">Colocar aquí el contenido para  id "texto_somos"</div>
    <div id="texto_foto">Colocar aquí el contenido para  id "texto_foto"</div>
  </div> 

y el CSS es:

Código:

#main #text #texto_somos {
	float: left;
	width: 600px;
	
}
#main #text #texto_foto {
	float: right;
	width: 300px;
}

Espero puedan ayudarme. Gracias de todos modos.

por que no lo trabajas con una clase
algo asi

Código HTML:

<div id="contenedor">
      <div class="columnas">contenido 1</div>
      <div class="columnas">contenido 2</div>
</div>
 

el css

Código CSS:

#contenedor{pones sus caracteristicas }
.columnas{display:inline-block;}
 

asi debe de funcionarte

[xfrancis]

Gracias pzin y herzbazi! Lo he resuelto con overflow: hidden;