Quiza mi pregutna sea poco clara....a mi me interesa saber como hago para que cuando el cotenido de la pagina sea mayor o menor, el menu de la izquierda sea exactamente = de largo que el contenido, que sean clavados. Este codigo funciona en IE(pq se lo come todo....) pero ff n traga
he leido x aqui en los foros, que quiza utilizando el "clear:both" pero no se como usarlo, en que parte de codigo tiene que ir...ni si hay q modificar mas codigo...
Gracias otra vez
No es html, es xml. Os lo ajdunto x si os sirve. Gracias.
body {
text-align: center;
/* margin: 0 auto; */
height: 100%;
margin: 0; padding: 0;
font-family: arial;
font-size: 11px;
}
html {
background: url("../media/images/cnbilbao/fondos/fondo.gif");
background-repeat: repeat;
height: 100%;
}
#custom_cnbilbao {
width: 880px;
margin: 0 auto;
text-align: left;
background: url("../media/images/cnbilbao/fondos/fondo_tile.gif") repeat-y;
/* background-color: rgb(248, 240, 216); /* white; */
/*min-height: 100%;*/
height: 100%;
text-align: left;
}
#options {
float: left;
height:100%;
/*overflow:auto;*/
/*height:100%;*/
/*height:auto;*/
/*width: 218px;
height: 605px;*/
background-color: rgb(248, 240, 216);
}
#options p { margin: 0 0 0 0; }
#options ul {
width: 218px;
height:auto;
margin-top: 0px !important;
padding-left: 0px;
margin-left: 0px;
}
#options ul li {
list-style: none;
padding-right: 0px;
padding-left: 0px;
padding-bottom: 1px;
display: block;
height:auto !important;
/*min-height: 31px;*/
/*height:31px;*/
}
#options ul li a {
display: block;
/*min-height: 21px;*/
height:21px;
width: 100%;
background: rgb(137, 122, 103) url("../media/images/cnbilbao/menu/bullet.gif") no-repeat 4px 4px;
padding-top: 9px;
padding-bottom: 5px;
}
#options ul li a {
padding-left: 25px;
width: 193px;
height:auto !important;
font-family: "Arial";
/* _font-family: "DINEngschrift"; */
font-size: 14px;
text-transform: uppercase;
color: rgb(248, 240, 216);
vertical-align: text-top;
text-decoration: none;
}
#options ul li a:hover {
background-color: rgb(87, 73, 60);
}
#options ul li.option_selected a, #options ul li.option_selected a:hover {
background-color: rgb(200, 96, 24);
font-weight: bold;
height:auto !important;
font-size: 12px;
}
.options_title {
font-weight: normal;
text-transform: uppercase;
color : white;
background-color: rgb(87, 73, 60);
text-align: left;
height: auto !important;
font-family: "Arial Bold";
/* _font-family: "DINEngschrift"; */
font-size: 15px;
padding-left: 20px;
padding-top: 4px;
padding-bottom: 4px;
border-bottom: rgb(248, 240, 216) 1px solid;
}
.options_footer {
background-color: rgb(248, 240, 216);
height: 75px;
width: 218px;
background-image: url("../media/images/cnbilbao/fondos/log_bilbao.gif") ;
background-repeat: no-repeat;
}
.options_head {
background-image: url("../media/images/cnbilbao/fondos/cuadro.jpg") ;
background-repeat: no-repeat;
height: 270px;
width: 218px;
}