os comento mi problema a ver si alguien puede ayudarme por que me estoy volviendo loco:
en el cuerpo de una web tengo un menu a la izquierda y el contenido a la derecha.
las 2 cosas son datos que pillo de una BD, la cosa es a la izquierda se cargan todos los titulos y haiendo click en estos titulos se carga el contenido de cada uno en la parte derecha, hasta aqui todo correcto, el problema es que la pagina se redimensiona segun el texto de la derecha, es decir, que si hay 20 noticias y la selecionada ocupa poko la pagina se come muchas noticias de la derecha,solo si la noticia fuera larga se verian todas. os pongo como tengo las capas creadas y los css.
<div class="cuerpo_noticias">
<div class="menu_izquierda_noticias">xxxxx</div>
<div class="texto_derecha_noticias">xxxxxx</div>
</div>
CSS:
.cuerpo_noticias {
display:block;
float:none;
position:relative;
background-color:#ffffff;
background-image:url('../img/img_fondoContenido_noticias.gif');
background-repeat:repeat-y;
margin-right: 0px;
margin-left: 0px;
margin-top: 0px;
margin-bottom: 0px;
}
.menu_izquierda_noticias {
display:block;
float:left;
position:relative;
top:0px;
left:5px;
margin-right: 0px;
margin-left: 32px;
margin-top: 0px;
margin-bottom: 0px;
font-family:Verdana;
font-size:10px;
text-align:left;
text-decoration:none;
color:#000000;
width:240px;
}
.texto_derecha_noticias {
display:block;
float:none;
position:relative;
width:520px;
top:0px;
margin-right: 0px;
margin-left: 295px;
margin-top: 0px;
margin-bottom: 0px;
font-family:Verdana;
font-size:11px;
text-align:left;
text-decoration:none;
color:#000000;
background-image:url('../img/img_logo_fondo.gif');
background-repeat:no-repeat;
background-position: right bottom;
}
Un saludo y gracias