Este es el HTML
<html>
<head>
<LINK REL=StyleSheet HREF="prueba.css" TYPE="text/css" MEDIA=screen>
</head>
<body>
<div class="cabecera"> </div>
<div class="contenedor">
<div class="principal"></div>
<div class="lateral"></div>
</div>
<div class="pie"></div>
</body>
</html>
Este es el CSS
body {
margin: 0;}
.cabecera {
width: 100%;
background-color: #333F53;
height: 150px;
margin:0px;
padding:0px;
}
.contenedor {
width: 960px;
height: 300px;
margin: 0 auto;
background-color: #A1ADC1;}
.principal {
width: 680px;
height: 200px;
background-color: #CADAF4;
}
.lateral {
float: right;
width: 280px;
height: 400px;
background-color: #F61E49;
}
.pie {
width: 100%;
background-color: #223D68;
height: 200px;
margin: 0px;
padding: 0px;}
El principal es el cuadro celeste y el lateral es el rojo!