Uso de float en IE8

[juandedios]

Hola, tengo un problema con la posicion de los DIV, eh testeado esto en todos los navadores incluyendo versiones anteriores de IE y en la unica que no me sale es en IE8.

Código CSS:

div#caja {
      width: 980px;
      height: auto;
      margin-left: 20px;
}
 
div#caja div#left {
      width: 650px;
      height: auto;
      float: left;
}
 
div#caja div#right {
      width: 310px;
      height: auto;
      float: right;
}
 

y en HTML lo pongo asi:

Código HTML:

<div id = "caja">
      <div id = "left">
            <!-- Contenido -->
      </div>
 
      <div id = "right">
              <!-- Contenido -->
      </div>
</div>
 

en IE 8 el contenido del <div id = "right"> se ve a la derecha, pero cuando termina el div = left.

Espero que mem puedan ayudar.

[Mikmoro]

Vete reduciendo el tamaño de div#right (width: 310px) poco a poco, a ver qué ocurre.

[juandedios]

lo que sucede que dentro de ese div tengo unas imagenes de ese ancho

[juandedios]

ok, agrande en 10 px en width de caja y reduje en 10 px el width de left y sigue igual

[Mikmoro]

Bien: si pones una caja con float left y otra con right, debes poner primero la derecha (right) y luego la izquierda (left) para que todo vaya bien.

También tendrías otras dos alternativas: pon a la caja derecha también float left, o bien, no le pongas float ni ancho, y ocupará el resto del espacio disponible en la caja

[juandedios]

Hola Mikmoro, lo hice de todas las formas que has dicho y si sale en todos los navegadores menos en IE 8

[bex]

Qué fue exactamente lo que cambiaste ahora?

[kseso?]

Enlace a la página del problema, y si no puedes subirla, al menos el código html generado y el css implicado. Como mínimo.

Es la única manera de que las respuestas sean precisas y exactamente relacionadas con tu problema.

El resto, conjeturas, adivinaciones y recetas generalistas que no tienen por qué ser lo que tú necesitas.

Un salduo, Juandedios.