Chicos aca encontre la solución!! se las comento para si alguno le intereza. Lo lei en una web y decia que se puede hacer en javascript , pero que se hace en CSS en realidad.
El concepto es el siguiente: como en la nave de "Futurama" no era la nave la que se movia sino el espacio el que se movia al rededor de la nave. Esto es lo mismo.
Nuestra barra fija es la "nave" y el espacio es "Todo el contenido de nuestra web".
Hice un ejemplo para que lo vean:
Código PHP:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Documento sin título</title>
<style>
body {
overflow:auto;
}
#Todo {
position:absolute;
top:47px;
left:12px;
width:100%;
height:363px;
overflow:auto;
}
#Fija {
position:absolute;
top:472px;
left:5px;
width: 1004px;
}
</style>
</head>
<body>
<div id="Todo">
<p>Aca va todooooooooooooo</p>
<p> </p>
</div>
<div id="Fija">
aca va lo fijo</div>
</body>
</html>