a ver si alguien me puede ayudar con las longuitudes de mis capas de los menus laterales, de color fucsia, el problema es que la capa no llega hasta abajo del todo, es decir asta el pie de pagina, he porbado cambiando los height de las capas en la hoja de estilos, pero nada, no consigo el resultado deseado, y los menus se ven como cojos a distintas alturas segun la cantidad de contenido que tienen
es dejo el link y la hoja de estilo, son las capas menu y menu2
xxxxxxxxxxxxxxxxxxxxxxx
body {
text-align : center;
background-color : #ee82ee;
font-family : Arial;
height : auto;
text-align : center;
}
#cabecera {
background-color : #473c8b;
border-left : 1px solid black;
border-right : 1px solid black;
padding-bottom : 10px;
}
#navegacion {
background-image : url(objetos/barra-navegacion.gif);
border : 1px solid black;
height : 25px;
font-size : 0.9em;
width : auto;
padding-left : 40px;
}
#contenido {
background-color : #ff99cc;
border-left : 0 solid black;
border-right : 0 solid black;
height : auto;
width : auto;
padding-top : 5px;
}
#pie {
height : 195px;
width : 100%;
background-color : #473c8b;
border-left : 1px solid black;
border-right : 1px solid black;
border-top : 1px solid black;
padding-top : 10px;
clear : both;
}
#global {
width : 900px;
margin : 4px auto;
}
#menu {
height : auto;
width : 160px;
float : left;
text-align : center;
margin : 0 5px 10px 0;
background-image : url(objetos/menu.gif);
background-position : bottom;
padding : 0 0 5px 0;
}
#menu2 {
height : auto;
width : 160px;
float : right;
text-align : center;
margin : 0 0 10px 5px;
background-image : url(objetos/menu.gif);
background-position : bottom;
padding-bottom : 5px;
}
#menu li {
list-style : none;
font-size : 0.9em;
padding : 0 10px 10px 10px;
}
#menu2 li {
list-style : none;
font-size : 0.9em;
padding : 0px 0 10px 5px;
text-align : center;
}
* {
margin : 0;
padding : 0;
border : 0;
}
a {
color : white;
text-decoration : none;
display : block;
font-size : 1.3em;
}
a:hover {
color : #473c8b;
text-decoration : none;
}
p {
text-align : center;
color : #473c8b;
padding-right : 15px;
padding-top : 10px;
font-weight : bold;
text-decoration : none;
font-size : 0.7em;
}
#contenido p {
text-indent : 15px;
padding : 30px 20px 5px 30px;
}
h1 {
font-size : 1.1em;
color : #551a8b;
font-weight : bold;
text-decoration : underline;
text-align : center;
padding : 20px 0 5px 0;
}
h2 {
font-size : 1.1em;
color : #551a8b;
font-weight : bold;
text-decoration : underline;
text-align : center;
padding : 10px 0 5px 0;
}
h3 {
font-size : 1em;
color : #551a8b;
font-weight : bold;
text-decoration : none;
text-align : center;
padding : 30px 0 5px 0;
}
#logotipo {
float : left;
margin : 45px 30px 0 15px;
}
#banner2 {
margin : 10px 0 0 0;
height : 100px;
display : inline;
padding-bottom : 0;
}
#banner1 {
float : right;
margin : 30px 10px 10px 5px;
display : inline;
}
#banner3 {
float : left;
margin : 30px 5px 30px 0;
display : inline;
}
#navegacion li {
float : left;
list-style : none;
margin : 2px 20px 2px 25px;
}
#navegacion ul {
padding-left : 10px;
}
#menu h1 {
text-decoration : underline;
font-size : 1.1em;
background-image : url(objetos/menutitulo.gif);
width : 160px;
padding-top : 10px;
margin-bottom : 10px;
height : auto;
}
#menu2 h1 {
text-decoration : underline;
font-size : 1.1em;
background-image : url(objetos/menutitulo.gif);
padding-top : 8px;
width : 160px;
height : auto;
}
#copyright {
float : left;
font-size : 0.8em;
height : 10px;
background-color : #ee82ee;
text-decoration : none;
}
#copyright li {
float : left;
padding : 10px 0 10px 20px;
list-style : none;
text-align : center;
margin-left : 70px;
text-decoration : none;
}
#acceso {
float : right;
font-size : 0.8em;
height : 10px;
background-color : #ee82ee;
font-size : 0.8em;
}
#alta {
font-size : 0.6em;
background-color : #ee82ee;
}
#pie li {
list-style : none;
padding-top : 20px;
}
#flashcontent {
padding-left : 5px;
}
#flash {
margin-left : 5px;
}
#enlaces {
font-size : 0.8em;
margin : 10px 10px 10px 0;
width : 100%;
height : 20px;
padding : 5px 10px 10px 10px;
background-color : #ee82ee;
text-decoration : none;
}
#enlaces li {
font-size : 1em;
float : left;
list-style : none;
padding-right : 20px;
text-align : center;
}
#final {
padding-top : 10px;
}
#cuerpo {
width : 500px;
background-color : #ff99cc;
margin : auto;
padding-bottom : 20px;
}
#clear {
background-color : white;
}
es dejo el link y la hoja de estilo, son las capas menu y menu2
xxxxxxxxxxxxxxxxxxxxxxx
body {
text-align : center;
background-color : #ee82ee;
font-family : Arial;
height : auto;
text-align : center;
}
#cabecera {
background-color : #473c8b;
border-left : 1px solid black;
border-right : 1px solid black;
padding-bottom : 10px;
}
#navegacion {
background-image : url(objetos/barra-navegacion.gif);
border : 1px solid black;
height : 25px;
font-size : 0.9em;
width : auto;
padding-left : 40px;
}
#contenido {
background-color : #ff99cc;
border-left : 0 solid black;
border-right : 0 solid black;
height : auto;
width : auto;
padding-top : 5px;
}
#pie {
height : 195px;
width : 100%;
background-color : #473c8b;
border-left : 1px solid black;
border-right : 1px solid black;
border-top : 1px solid black;
padding-top : 10px;
clear : both;
}
#global {
width : 900px;
margin : 4px auto;
}
#menu {
height : auto;
width : 160px;
float : left;
text-align : center;
margin : 0 5px 10px 0;
background-image : url(objetos/menu.gif);
background-position : bottom;
padding : 0 0 5px 0;
}
#menu2 {
height : auto;
width : 160px;
float : right;
text-align : center;
margin : 0 0 10px 5px;
background-image : url(objetos/menu.gif);
background-position : bottom;
padding-bottom : 5px;
}
#menu li {
list-style : none;
font-size : 0.9em;
padding : 0 10px 10px 10px;
}
#menu2 li {
list-style : none;
font-size : 0.9em;
padding : 0px 0 10px 5px;
text-align : center;
}
* {
margin : 0;
padding : 0;
border : 0;
}
a {
color : white;
text-decoration : none;
display : block;
font-size : 1.3em;
}
a:hover {
color : #473c8b;
text-decoration : none;
}
p {
text-align : center;
color : #473c8b;
padding-right : 15px;
padding-top : 10px;
font-weight : bold;
text-decoration : none;
font-size : 0.7em;
}
#contenido p {
text-indent : 15px;
padding : 30px 20px 5px 30px;
}
h1 {
font-size : 1.1em;
color : #551a8b;
font-weight : bold;
text-decoration : underline;
text-align : center;
padding : 20px 0 5px 0;
}
h2 {
font-size : 1.1em;
color : #551a8b;
font-weight : bold;
text-decoration : underline;
text-align : center;
padding : 10px 0 5px 0;
}
h3 {
font-size : 1em;
color : #551a8b;
font-weight : bold;
text-decoration : none;
text-align : center;
padding : 30px 0 5px 0;
}
#logotipo {
float : left;
margin : 45px 30px 0 15px;
}
#banner2 {
margin : 10px 0 0 0;
height : 100px;
display : inline;
padding-bottom : 0;
}
#banner1 {
float : right;
margin : 30px 10px 10px 5px;
display : inline;
}
#banner3 {
float : left;
margin : 30px 5px 30px 0;
display : inline;
}
#navegacion li {
float : left;
list-style : none;
margin : 2px 20px 2px 25px;
}
#navegacion ul {
padding-left : 10px;
}
#menu h1 {
text-decoration : underline;
font-size : 1.1em;
background-image : url(objetos/menutitulo.gif);
width : 160px;
padding-top : 10px;
margin-bottom : 10px;
height : auto;
}
#menu2 h1 {
text-decoration : underline;
font-size : 1.1em;
background-image : url(objetos/menutitulo.gif);
padding-top : 8px;
width : 160px;
height : auto;
}
#copyright {
float : left;
font-size : 0.8em;
height : 10px;
background-color : #ee82ee;
text-decoration : none;
}
#copyright li {
float : left;
padding : 10px 0 10px 20px;
list-style : none;
text-align : center;
margin-left : 70px;
text-decoration : none;
}
#acceso {
float : right;
font-size : 0.8em;
height : 10px;
background-color : #ee82ee;
font-size : 0.8em;
}
#alta {
font-size : 0.6em;
background-color : #ee82ee;
}
#pie li {
list-style : none;
padding-top : 20px;
}
#flashcontent {
padding-left : 5px;
}
#flash {
margin-left : 5px;
}
#enlaces {
font-size : 0.8em;
margin : 10px 10px 10px 0;
width : 100%;
height : 20px;
padding : 5px 10px 10px 10px;
background-color : #ee82ee;
text-decoration : none;
}
#enlaces li {
font-size : 1em;
float : left;
list-style : none;
padding-right : 20px;
text-align : center;
}
#final {
padding-top : 10px;
}
#cuerpo {
width : 500px;
background-color : #ff99cc;
margin : auto;
padding-bottom : 20px;
}
#clear {
background-color : white;
}