HTML
Código PHP:
<head>
<title>titulo de la pagina</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link href="fp.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="envoltorio">
<div id="cabecera">
<a href="uvedoblepuntocom/" title="blablabla">
<img src="logo2.png" alt="blublublu" width="200" height="100" />
</a>
</div>
<div id="contenido">
<div id="barramenu">
</div>
<div id="notas">
<p>xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx</p>
</div>
</div>
</div>
<div id="pie"><p>Algunos derechos reservados</p></div>
</body>
</html>
CSS
Código PHP:
body {
background-image: url(fondo.png);
background-repeat: repeat-x;
margin: 0px;
text-align:center
}
img {
border: none;
}
#envoltorio {
margin: 0px auto;
width: 756px;
}
#cabecera {
width:756px;
height: 100px;
margin: 0px;
padding: 0px;
}
#contenido {
margin: 0px;
width: 756px;
height: 400px;
background-color:#CCFF00
}
#barramenu {
margin: 0px;
width: 150px;
height: 400px;
background-color:#FF9900;
float: left;
}
#notas {
margin-left: 150px;
height: 400px;
}
#pie {
clear: both;
width: 100%;
height: 60px;
background-color:#000000;
color:#FF9900
}
He creado esta pagina, y al abrirla con el explorer no tengo problemas, si la visualizo en el dreamweaver también se ve correctamente, pero al abrirla en firefox aparecen por arte de magia dos margenes, uno entre la capa cabecera y contenido, y otro entre contenido y pie. He intentado eliminarlos, pero no doy con ello. Echarme una mano please, aunque sea al cuello.
