al usar float se me deforma los contenidos de los demas div

[pithon]

lo que intento hacer es el div que contiene el id contenido2 ponerlo alado del div contenido1 pero sin alterar el contenido de los otro div, he puesto un ejemplo de como tengo los div puestos cualquier ayuda se agradece, saludos.

Código CSS:

<div id='contenedor'>
        <div id='cabecera'>
            cabecera
        </div>
        <div id='contenido1'>
              <p>contenido 1</p>
        </div>
        <div id='contenido2'>
            <p>contenido 2</p>
        </div>
        <div id='pie'>
            <p>pie</p>
        </div>
        
    </div>
 

[leinadMajestic]

Te recomiendo que uses en ese caso, la propiedad display

Puedes usarlo de la siguiente forma, a los divs que quieras que se acomode, coloca la propiedad

display:inline-table;
*display:inline;/*IE*/

y de esa forma, se colocan uno junto al otro.

[IsaBelM]

hay varias opciones con respecto al css, pero el layout ha de ser este

<div id='contenedor'>

<div id='cabecera'>

cabecera

</div>
<div id="cuerpo">
<div id='contenido1'>

<p>contenido 1</p>

</div>

<div id='contenido2'>

<p>contenido 2</p>

</div>
</div>
<div id='pie'>

<p>pie</p>

</div>



</div>

#cuerpo div {
/*display: inline-block;*/
float: left;
}

#pie {
clear: left;
}

si usas float has de limpiar

[pithon]

leinadMajestic gracias por la ayuda se agradece.
IsaBelM por tu colaboracion me fue de gran ayuda, saludos.

[pithon]

perdonar que vuelva pero use la propiedad float y en ie6 y otras versiones, no me funciona, me podriais ayudar para que me funcione, intente con la propiedad display:inline pero no se si esque lo hice mal pero tampoco me funciona, cualquier ayuda se agradece, saludos.

[IsaBelM]

tienes que abandonar programar para navegadores tan antiguos

display
float

[pithon]

IsaBelM gracias por tu colaboracion nuevamente, saludos.