Aquí estamos. Perdona por tardar pero es que ando muy liado estos meses. Veamos, te dejo un ejemplo sencillísimo de lo que podrías hacer y a ver si a partir de ahí puedes arreglarlo:
Código HTML:
Ver original<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> * { padding: 0; margin: 0; }
.wrap_left
{
position: fixed;
width: 50%;
height: 100%;
color: white;
background: blue;
}
.wrap_right
{
position: relative;
float: right;
width: 50%;
}
La capa izquierda tendrá siempre un 100% de alto, sea cual sea el alto. La derecha será la única que, cuando el contenido supere el alto, mostrará el scroll del navegador pero únicamente se moverá esta capa, dejando la izquierda siempre en su sitio. Copia y pega el código, y a la capa de la derecha, añádele unos cuantos párrafos con texto para ver lo que te digo.
A ver si esto te ayuda. Un saludo.