Hola a todos,
Estoy realizando una serie de pruebas con css y <div>.
Resulta que he realizado una web muy sencilla con cuatro capas: cabecera, columna izquierda, columna derecha y pie de página.
Dicha web la veo bien en diferentes navegadores sin embargo, dreamweaver CS3, a la hora de comprobar la compatibilidad, me dice:
problema de caida de un elemento flotante
No se exactamente como solucionar esto, aqui os dejo el CSS y HTML:
@charset "utf-8";
/* CSS Document */
#cabecera
{
width: 900px;
height: 121px;
}
#col_izq
{
float: left;
width: 241px;
}
#col_der
{
float: left;
width: 659px;
}
#pie_pag
{
clear: both;
width: 900px;
height: 52px;
}
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Quienes somos.</title>
<link href="css_amoros_borraresto.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="cabecera">
</div>
<div id="col_izq">
</div>
<div id="col_der">
</div>
<div id="pie_pag">
</div>
</body>
</html>
Un saludo y gracias por anticipado!!