No la tengo aún en servidor pero bueno, aquí va parte del código, creo que lo suficiente, sólo dejé fuera cosas de estilo.
HTML
Código HTML:
<body>
<!-- ******** ENCABEZADO ******** -->
<div class="header">
<ul class="menu">
<li><a href="#">Menú 1</a></li>
<li><a href="#">Menú 2</a></li>
<li><a href="#">Menú 3</a></li>
<li><a href="#">Menú 4</a></li>
<li><a href="#">Menú 5</a></li>
</ul>
</div>
<!-- ******** CONTENIDO ******** -->
<div class="main">Contenido</div>
<!-- ******** PIE DE PÁGINA ******** -->
<div class="footer">
<p>Links, contacto, etc.</p>
</div>
<div class="footer_bar"></div>
</body>
CSS
Código:
*
{
margin: 0;
padding: 0;
}
body
{
background-color: #7d011d; /* este color es el fondo de la página, no el que quiero poner debajo del pié */
}
/* ---------------- ENCABEZADO ------------------ */
.header
{
min-width: 960px;
height: 107px;
background-image: url("../img/bar.jpg");
background-position: center;
}
.menu
{
position: fixed;
top: 3%;
left: 53%;
}
/* ---------------- CONTENIDO ------------------ */
.main /* aquí dentro va todo mi contenido */
{
width: 957px;
height: 399px;
margin: 40px auto;
background-image: url("../img/main.jpg");
}
/* ---------------- PIE DE PÁGINA ------------------ */
.footer
{
width: 550px;
margin: 0 auto;
color: #ffffff;
font-size: 10px;
font-family: Verdana,Geneva,Tahoma,sans-serif;
}
.footer_bar /* esta es la parte que no consigo */
{
width:100%;
height: auto;
background: #e4e1d7; /* color ejemplo */
}
Si hace falta poner algo más sólo diganme
y gracias de nuevo por la ayuda.