mm ok, he puesto la web pero si preferis codigo lo pongo:
HTML
Código:
<html>
<head>bla bla bla</head>
<body >
<div id="mainBody">
<div id="header">
</div><!--FIN #header-->
<div id="innerBody">
<div id="leftColumn">
</div><!--FIN #leftColumn-->
<div id="contentBody">
<div class="centerColumn">
AQUI CONTENIDO
</div><!--FIN .centerColumn-->
</div><!--FIN #contentBody-->
CSS
Código:
body, html {
margin:0;
padding:0;
height: 100%;
}
#header {
margin:0 .4em 0 .4em;
padding:0em .31em;
color: #FFFFFF;
}
#mainBody{
margin:0 4em 0 4em;
padding: 0;
background-color: #FFFFFF;
border-left: 4px solid #CADFE6;
border-right: 4px solid #CADFE6;
min-height:100%;
}
#innerBody {
clear:both;
height:100%;
margin: .4em;
}
#leftColumn {
width:14em;
padding:.03em .1em;
background:#FFFFFF;
font-size:.9em;
float:left;
}
#contentBody{
position: relative;
margin-left: 14em;
}
.centerColumn {
padding:0 .35em;
background: #DCE8EF;
font-size:.9em;
}
Ese es el codigo en el que deberia estar el problema, yo solo intento conseguir un diseño a 2 columnas fluido, pero el contenido de la columna central (.centerColumn) no se me muestra bien, como se puede ver en la web la primera noticia se me ve estirada (el resto perfectas), y se estira verticalmente hasta la altura del bloque izquierdo...no se me ocurre nada.
Un saludo.