Foros aprenderaprogramar.com

Aprender a programar => Aprender a programar desde cero => Mensaje iniciado por: AnalfabetaDigital en 28 de Mayo 2016, 14:12

Título: Diseño web CSS dos, tres, cuatro columnas con float/Crear un diseño
Publicado por: AnalfabetaDigital en 28 de Mayo 2016, 14:12
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.

Título: Re:Diseño web CSS dos, tres, cuatro columnas con float/Crear un diseño
Publicado por: AnalfabetaDigital en 30 de Mayo 2016, 11:52
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,  :P

Un saludo.
Título: Re:Diseño web CSS dos, tres, cuatro columnas con float/Crear un diseño
Publicado por: Alex Rodríguez en 12 de Junio 2016, 23:20
Hola, de cualquier manera si encuentras algún error siempre agradecemos que se comunique. De esa manera intentamos siempre ir mejorando los cursos.

Saludos.