Hola, antes que anda decir que soy novato en el mundo de las webs. Estoy intentanto construir una web con una parte principal(naranja) y dos menús(grises), unos superior y otro inferior(adjunto imagen). El tema sería que pinchando en el menú superior cambiaría lo que se muestra en la parte principal, y el menú inferior sería siempre el mismo.
Ya he conseguido posicionar la parte principal y el menú superior como quería, el problema es que no doy puesto el menú inferior justo debajo de la parte principal...¿alguna ayuda?
Gracias.
HTML:
Código HTML:
<body>
<div id="superior">
<div id="cuerpo">
AQUI IRÍA LA PARTE PRINCIPAL
</div>
</div>
<div id="inferior">
<footer>
AQUI IRÍA EL MENU INFERIOR
</footer>
</div>
<header>
AQUI IRÍA EL MENU SUPERIOR
</header>
</body>
CSS:
Código:
body {
margin: 0px;
padding: 0px;
}
#superior {
margin: 0px;
padding: 0px;
}
#cuerpo {
position: absolute; /* Para centrarlo */
left: 50%; /* lo coloco en el centro */
margin-left: -475px; /* y le doy la mitad del ancho */
padding: 0px;
}
#inferior {
margin: 0px;
padding: 0px;
}
footer {
background: url(fondos/headerH.png) repeat scroll 0 0 transparent;
width: 100%;
height: auto;
position: relative;
}
header {
background: url(fondos/headerH.png) repeat scroll 0 0 transparent;
position: absolute;
height: 10mm;
width: 100%;
top: 5mm;
}
EDITO: Bueno lo que no he dicho es que así lo que hace es ponerme el menú inferior más o menos a la altura del superior