Buenas,
He acabado de hacer este ejercicio, pero el resultado no es el que debería y, por más vueltas que le doy, no soy capaz de ver dónde está el error.
Éste es el código HTML.
<!DOCTYPE html>
<html>
<head>
<title>Ejercicio porpiedad float</title>
<link rel="stylesheet"type="text/css"href="Ejercicio_4.css">
</head>
<body>
<div>
<h1>Bienvenidos a aprenderaprogramar.com</h1>
</div>
<div id="menu">
<ul>
Menu:
<li>Cursos</li>
<li>Humor</li>
<li>Divulgacion</li>
</ul>
</div>
<div id="caja1">
<p>Conoce las ultimas novedades del lenguaje JavaSript.</p>
</div>
<div id="caja2">
<p>Articulo sobre Gimp, un programa de software libre para el diseño grafico.</p>
</div>
<div id="caja3">
<p>Espacio reservado para publicidad</p>
</div>
<div id="caja4">
<p>Contacta con nosotros</p>
</div>
<div id="caja5">
<p>Aviso legal</p>
</div>
</body>
</html>
Al que le he añadido este código CSS:
*{font-family:helvetica;widht:600px;margin:0;padding:0;}
h1{height:40px;width:100%;margin-right:30px;
font-size:20px;border-style:solid;padding:30px;
background-color:#DEB887;text-align:center;}
#menu{height:200px;width:25%;float:left;
font-size:20px;background-color:#FAED8A;
border-style:solid;text-align:center;}
#caja1{height:100px;background-color:#FADE8A;
font-size:20px;border-style:solid;
width:50%;float:left;text-align:center;}
#caja2{height:100px;font-size:20px;margin-top:0px;
border-style:solid;width:50%;float:left;
background-color:#FACD8A;text-align:center;}
#caja3{height:150px;background-color:#FAAB8A;border-style:solid;
font-size:20px;width:20%;float:left;text-align:center;}
#caja4{height:100px;font-size:20px;border-style:solid;width:50%;
float:left;background-color:#DDA0DD;text-align:center;}
#caja5{height:100px;font-size:20px;border-style:solid;width:40%;
float:left;background-color:#FA8AA2;text-align:center;}
Como podéis ver las cajas no quedan completamente unidas, no sé si es por el tamaño. La de "espacio reservado" no consigo que se pegue a la de arriba, y las dos de abajo también quedan flotando.
Si alguien me puede orientar, se lo agradecería mucho.
Un saludo.
Tema: Dificultad para cuadrar un diseño CSS usando porcentajes encajar cajas CU01036D (Leído 3031 veces)
RSS -
WAP2