Hola tengo un problema urgente!
En la aplicacion que estoy haciendo me aparecen un menu izquierdo con varias opciones, y en la derecha el contenido, pues bien, mi problema esta que cuando el contendio es muy largo el menu izquierdo no se alarga a la proporcion del contenido con lo cual, da un aspecto horroroso.He mirado en el foro y hay muchas soluciones pero no consigo dar con la correcta... Me gustaria que alguien me pudiera echar una mano, es bastante urgente....
Lo curioso es que en IE funciona y en firefox da este error. Os paso el codigo, aver si alguien puede dar con la respuesta.
GRacias de antemano.
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:auto !important;
min-height:100%;
/*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:auto !important;
min-height: auto;
/*height:auto;*/
/*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;
}
#content_layout {
margin: 0 !important;
padding: 0px;
background-color: #fff;
width: 662px;
height:auto !important;
/*height: 624px;*/
float: right;
display: inline;
text-align: center;
}
#content_layout #head {
padding-top: 5px;
height: 63px;
min-height: 63px;
/*margin: 0 auto; */
background: url("../media/images/cnbilbao/fondos/head_admin.gif") repeat-x;
}
#content_layout #head p {
text-align: right;
padding-top: 20px;
padding-right: 23px;
}
#head p a{
text-decoration: none;
padding-left: 20px;
}
#head p a img{
text-decoration: none;
}
#content_layout #content {
margin-left : 40px;
margin-right: 25px;
min-height: 463px;
height: auto !important;
height: 461px;
text-align: left;
}
#content h2 {
padding-top : 20px;
margin-left: 0px;
margin-top: 0px;
}
#content h2 span{
margin-left: 0px;
text-transform: uppercase;
font-family: "DIN-Regular";
font-size: 20px;
color: rgb(200, 96, 24);
}
#content h3 {
font-weight: bold;
font-size: 100%;
text-align: center;
color: rgb(87, 73, 60);
}