Hola, estoy creando una web y tengo un problema. He creado la cabecera usando tres imágenes de fondo mediante CSS3 en un sólo div. Luego he ido a hacer lo mismo con el "menu" y se me va de margen con el encabezado. Para muestra un botón:
Aquí os adjungo el HTML y el CSS:
CSS:
Gracias y un saludo.
Aquí os adjungo el HTML y el CSS:
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<title>Construbanc S.L.</title>
<link rel="stylesheet" href="css/estilo.css" /> <!-- USAR ESTILOS PARA EL BACKGROUND DEL HEADER -->
</head>
<body>
<div id="global">
<!-- DIV QUE CONTROLA AL RESTO -->
<div id="cabecera"></div>
<div id="menu"></div>
<div id="cuerpo"></div>
</div>
<!-- FIN DEL DIV QUE CONTROLA AL RESTO -->
</body>
</html>CSS:
* { margin: 0; padding: 0; border: 0; }
a {
color: #72b2b0;
text-decoration: underline;
}
body {
margin: 0;
padding: 0;
border: 0;
width: 100%;
height: 100%;
background-color: #f9f7f7;
}
#global {
color: 202827;
width: 1280px;
height: 100%;
margin: 0 auto;
}
#cabecera {
width: 100%;
height: 330px;
background: url(../theme/images/headerleft.png) no-repeat top left, url(../theme/images/headeright.png) no-repeat top right, url(../theme/images/headercenter.png) repeat-x top;
margin: 0;
}
#menu {
width: 100%;
height: 28px;
background: url(../theme/images/menuleft.png) no-repeat top left, url(../theme/images/menuright.png) no-repeat top right, url(../theme/images/menucenter.png) repeat-x top;
margin: 0;
}Gracias y un saludo.