Diseño web CSS dos, tres, cuatro columnas con float/Crear un diseño

[AnalfabetaDigital]

Buenas,

Creo que he encontrado un error en este apartado, ponéis esta código:

Código: [Seleccionar]

/* Curso CSS estilos aprenderaprogramar.com*/
*{font-family: arial;}
body {width:410px; border-style: dotted; border-width: 2px;}
div {border-style: solid; border-width:2px;
margin:7px; padding:7px;
 background-color: #FFEFD5; }
/*La anchura del contenido de la caja 1 es:
 410 - 14 de margin - 4 de border - 14 de padding, resulta 378 px*/
#caja1{ border-color:red;}
#caja2{ margin:0 7px 7px 7px; border-color:blue;
 width:75px; float:left; height:200px; }
/*Ancho total 410 px - 8px bordes - 21 px de margin - 28 de padding -75px contenido caja 2
 obtenemos 278 px*/
#caja3{ margin:0 7px 7px 0px; border-color:green;
 width:278px; float: left; height: 300px;}
#caja4{border-color:orange; clear:both; height:55px;}
Pero el ejemplo de cómo se tendría que ver con este código es érroneo, ya que la caja3 sale debajo de la caja2 al poner "float:left:, creo que tendría que poner "float:right" para que se vea como en la imagen.


Si me he equivocado os pido disculpas.

Un saludo.

[AnalfabetaDigital]

Buenas,

Os pido disculpas, me he dado cuenta que no hay ningún error en vuestro ejercicio. Repasando el curso, me he dado cuenta de que yo no lo había entendido bien.

Sorry, 

Un saludo.

[Alex Rodríguez]

Hola, de cualquier manera si encuentras algún error siempre agradecemos que se comunique. De esa manera intentamos siempre ir mejorando los cursos.

Saludos.