menu en cabecera

[puccito]

hola estoy haciendo una web donde tengo:
una cabecera
dos columnas
un pie de pagina

resulta que en la cabecera tengo un menu hecho con listas,
lo que pasa es que aparece en el top de la cabecera y yo quiero ponerlo en el bottom de la misma.

Lo que hago es aplicarle padding hasta que baje al bottom, pero cuando hago esto el resto las dos columnas y pie se desplazan hacia abajo dejando un espacio entre estas ultimas y la cabecera.

codigo de la cabecera:

#cabecera{
clear:both;
background-image:url(imagenes/banner.jpg);
background-repeat:no-repeat;
width:700px;
height:200px;
padding:0px 0 0 0; /////aqui es donde cambio el padding que la lista descienda
margin:0 0 0 0;
}
#cabecera ul{
padding:4px 0;
margin-left:0;
border-bottom:1px solid #FFFFFF;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
}
#cabecera ul li{
list-style:none;
margin:0;
display:inline;
}

alguna solucion please?

[DaChux]

puedes añadirle a #cabecera un position:relative , luego a #cabecera ul le pones position:absolute y con top y left lo pones justo donde quieras.

Prueba a ver si te sirve y lo comentas.

[puccito]

Gracias Dachux, Funciona!
lo unico que falla es el borde bottom, que desaparece al hacer bajar el menu.
Se puede corregir esto?

[DaChux]

que problema tienes con el border bottom? especificame un poco e intentare echarte una mano...

Un saludo

[puccito]

el borde desaparece al hacer decender el menu hacia el pie de la cabecera

#cabecera ul{
padding:4px 0; /////voy modificando el padding para hacer bajar el menu
margin-left:0;
border-bottom:1px solid #FFFFFF; ////////////// y este borde desaparece
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
}

gracias

[DaChux]

si al final la pusiste con posicion absoluta es posible que el margen se te este quedando fuera de la capa y por eso no lo veas..... cuando llegue esta tarde a casa lo pruebo y te comento

[Mikmoro]

Iniciado por puccito

el borde desaparece al hacer decender el menu hacia el pie de la cabecera

#cabecera ul{
padding:4px 0; /////voy modificando el padding para hacer bajar el menu
margin-left:0;
border-bottom:1px solid #FFFFFF; ////////////// y este borde desaparece
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
}

gracias

Pues sí que es curioso que te funcione con la solución que te ha dado DaChux, porque no veo que estés aplicando el position absolute que te ha dicho. Pruébalo así:

#cabecera ul{
padding:4px 0; /////voy modificando el padding para hacer bajar el menu
border-bottom:1px solid #FFFFFF; ////////////// y este borde desaparece
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
position: absolute;
left:0;
bottom: 1px;
}

Añadiendo position: relative; a la cabecera tal y como te ha dicho.

Mikel.