Alinear dos div uno dentro de otro

[franjgg]

Hola como estan,

Vereis tengo un div contendor y dentro de este tengo dos que quiero situar uno a la dercha y otro a la izquierda,

El codigo es el siguiente:

Código HTML:

<div style="width:1024px; border:solid 1px red;"> contenedor
<div style="width:47%; float:left; border:solid 1px green;">div derecho</div>
<div style="width:48%; float:right; border:solid 1px gray;">div izquierdo</div>
</div>
<div style="width:1024px; border:solid 1px blue;">footer</div>
 

Y se situan bien la cosa es que el div "footer" no queda acontinuacion si no que los dos div saltan por encima.

Claro esta que si le ponemos un height al div "contenedor" el div "footer" a bajar pero no puedo poner un height.

A ver si alguien sabe como podriamos solucionar esto

Un saludo amigos

[pzin]

Esto es más bien cosa de CSS que de HTML5.

Eso te ocurre porque tendrías que limpiar el flotado después de esos elementos que flotas. Aunque también existe otra posibilidad, que es añadirle al contenedor de los elementos flotados un overflow:hidden para forzar que crezca en altura según el contenido.

[tunait]

movemos el tema a CSS ;)

[franjgg]

Hola amigo bonez gracias por tu atencion,

Con limpiar el flotado te refieres al float:left;??

Un saludo y gracias por tu antencion de nuevo

[pzin]

Tienes que limpiar el último float —o ambos— que pusiste. Cualquiera de estos dos métodos te valdrían:

Es decir, añadirle al footer:

Código CSS:

clear: right;
clear: both;
 

[dontexplain]

En lugar de dos floats, usa uno sólo.

Código CSS:

.izq{
float:left;
}
.der{
float:left;
margin-left:xpx;
}
 

Si requieres que haya una distancia entre ellos puedes usar margin-left o right, según convenga, en este caso un 5% (100 - (48+47))

Y así de simple.

échale un vistazo. http://jsfiddle.net/TYAxW/

Un saludo.

edito: haz lo que te han dicho arriba.

[pzin]

Iniciado por dontexplain

En lugar de dos floats, usa uno sólo.

Da lo mismo si se flota para un lado que para dos, el problema seguirá existiendo cuando haya contenido suficiente para reproducir el problema.

[dontexplain]

Iniciado por Bonez

Da lo mismo si se flota para un lado que para dos, el problema seguirá existiendo cuando haya contenido suficiente para reproducir el problema.

Iniciado por dontexplain

edito: haz lo que te han dicho arriba.

[pzin]

Se ve que estabas editando y yo respondiendo.

[dontexplain]

Iniciado por bonez

se ve que estabas editando y yo respondiendo.