Css - xhtml - contenedor no toma el atributo "height:auto"

Hola gente!
Tengo un problema con firefox,opera y google chrome!, tengo un contenedor el cual quiero que su altura se adapte al contenido!, dentro de ese contenedor hay 2 columnas!, una que flota a la derecha (div class:"columnad") con el atributo "hegiht:1000px" y otra que flota a la izquierda (div class:"contenido") con el atributo "hegiht:auto", esto funciona perfecto en internet explorer! (el div id:"contenedor" toma una altura de 1000px!) pero no logro que funcione en los otros navegadores!.

¿alguien me puede ayudar?

Gracias!

nota: soy nuevito en css!

Como vas? Por lo que describes podria ser un problema de overflow o de la herencia de la altura.
Podrias colocar el codigo que usas o algún enlace para poder ayudarte mejor?

Saludos

Posteo parte del codigo!

Esto va en el xhtml(esta es la estructura, dentro de los divs hay un iframe y una imagen!, si es necesario pongo el codigo tal como lo tengo en la pc!)

Código :

<div id="contenedor">
    <div class="contenido"></div>
    <div class="columnaderecha"></div>
  </div>

y esto va en la hoja de stylo css

Código :

#contenedor {
   width:990px;
   height:auto;
   margin:auto;
}
.columnaderecha {
   width:260px;
   height:1000px;
   float:right;
}
.contenido {
   width:730px;
   height:auto;
   float:left;
}

prueba colocando un float:left al contenedor

jpcw escribió:

No no funciona... (probe con todos los tipos de float!)

acá dejo un ejemplo de lo que tengo y otro de como quiero que quede!

Este es el que esta mal! (repito en IE anda pero en los otros navegadores no!) el contenedor tiene el atributo "height:auto;"

LINK


Y así es como quiero que quede!, en este caso el contenedor tiene el atributo "height:1050px;"

LINK

todo lo de color rojo es del div "contenido" y lo negro del div "columnaderecha"


Ojala me puedan ayudar!
Gracias!

prueba a cambiar el height:auto por un overflow:auto. Si no sale me comentas y seguimos mirando

un saludo

akhasis escribió:

Funciono!!
Nose por que razon los otros navegadores ignoran " height:auto ", la cuestion es que efectivamente el " overflow:auto " logro solucionarme el problema de altura!.

Muchas Gracias!

los demas navegadores no lo ignoran, es que "height:auto" no indica lo que tú quieres hacer. Que a tí te parezca que IE lo hace bien es más bien que "lo hace mal, pero el resultado coincide con lo que tú quieres hacer".

Me alegro de que te haya servido, un saludo.

Lo que no te hace andar el height:auto; en este caso son los float , trata de alinear los divs que estan adentro del contenedor sin usan float.

Saludos