Queridos; les paso el código del ejercicio CU01036D del curso de programación web con CSS.
(si alguien logra que el mismo no se "rompa" al achicar el navegador, le agradezco me diga como hace. Muchas gracias.
HTML
<html>
<head>
<title>Portal web - aprenderaprogramar.com</title> <meta charset="utf-8">
<link rel="stylesheet" type="text/css" href="CSS(37)-Float-Clear-Columnas.css">
</head>
<body>
<div id="cabecera"> Cabecera </div>
<div id="columna1"> Columna izquierda </div>
<div id="centro"> Espacio central </div>
<div id="derecho"> Espacio derecho </div>
</body>
</html>
CSS
div {border-style:solid; text-align:center;}
#cabecera {border-color:red; width:99.68%;}
#columna1 {border-color:blue; float:left; width:20.50%; height:100px; margin-top:5px;}
#centro {border-color:green; float:left; height:100px; width:57.75%; margin: 5 1 0 1px;}
#derecho {border-color:orange; float:right; height:100px; margin-top:5px; width:20.50%;}