[SOLUCIONADO] Problema con divs posicionamiento horizontal

[danibabasalom]

Vereis, en mi cms quiero poner lo tipico de un blog, lo que es el blog en si, donde estan las noticias y el menu de la derecha o contenido-right, la cosa es que tengo la estructura asi:
Contenido

contenido-left

contenido-right

y este es mi css

Código CSS:

.contenido{
    width: 960px;
    height: auto;
    margin: 0px auto 0px auto;
    background-color: white;
 
    -webkit-box-shadow: -10px 7px 11px rgba(44, 50, 50, 0.5);
    -moz-box-shadow:    -10px 7px 11px rgba(44, 50, 50, 0.5);
    box-shadow:         -10px 7px 11px rgba(44, 50, 50, 0.5);
 
}
.contenido-left{
    width: 600px;
    
    padding: 0px;
    height: auto;
    left: 0;
    margin: 0px 10px 10px 10px;
}
 
 
.contenido-right{
    width: 320px;
    padding: 10px;
    background-color: red;
    min-height: 400px;
    float: right;
    padding: 10px;
    
 
 
}
 

y se me muestra asi:

He probado con position y nada, cambiando tamaños y nada, alguien sabe solucion?
Gracias de antemano

[abimaelrc]

El div que declaraste contenido-right colócalo antes de div que declaraste contenido-left. Debe quedar algo así

Código HTML:

<div class="contenido-right"></div>
<div class="contenido-left"></div>
 

Lo digo así porque no declaraste el contenido de la izquierda como flotante. Pero si lo colocas tambien como flotante te debe funcionar lo que hiciste.

Y me adelanto a otro problema que posiblemente te vas a enconcontrar y te voy a recomendar en el futuro más cercano que leas esto http://librosweb.es/css_avanzado/cap...ar_floats.html de esa forma no te recomendaré en el futuro cercano que leas eso

[danibabasalom]

Iniciado por abimaelrc

El div que declaraste contenido-right colócalo antes de div que declaraste contenido-left. Debe quedar algo así

Código HTML:

<div class="contenido-right"></div>
<div class="contenido-left"></div>
 

Lo digo así porque no declaraste el contenido de la izquierda como flotante. Pero si lo colocas tambien como flotante te debe funcionar lo que hiciste.

Y me adelanto a otro problema que posiblemente te vas a enconcontrar y te voy a recomendar en el futuro más cercano que leas esto [url]http://librosweb.es/css_avanzado/capitulo_1/limpiar_floats.html[/url] de esa forma no te recomendaré en el futuro cercano que leas eso

Excelente! me funciono, y muchas gracias por el post ese de limpiar los floats, me servira de mucho en un futuro :D