Menú flotante

[jinchuika]

Disculpa, yo tambien necesitaba poner eso flotante y copie el ultimo codigo que pusiste, lo modifique en lo necesario y me quedó algo así:

Código:

<script language="javascript" type="text/javascript"><!--  
//separacion vertical   
var theTop = 0       
var menu, scrollIt          
var old = theTop  
        
//a false, el menu es fijo     
var scrollIt = true   
    
//INICIALIZACION     
function init() {     
    //obtiene referencia al objeto con el menu     
    menu = new getObj('menu')     
    //obtiene si hay que mantenerlo fijo o moverlo, a partir del checkbox del propio menu     
    scrollIt = (document.layers) ?     
        document.menu.document.forms[0].elements[0].checked :     
        document.forms["capamenu"].elements[0].checked    
    //inicia el proceso que mantiene la posicion a "theTop" pixels     
    movemenu()     
}     
    
//MOVIMIENTO     
function movemenu() {     
    if (scrollIt) {     
        if (window.innerHeight) {     
              pos = window.pageYOffset    
        } else if (document.documentElement && document.documentElement.scrollTop) {     
            pos = document.documentElement.scrollTop     
        } else if (document.body) {     
              pos = document.body.scrollTop     
        }     
             
        if (pos < theTop)     
            pos = theTop     
        else    
            pos += 0     
        if (pos == old)     
            menu.style.top = pos + 'px'    
    
        old = pos     
    }     
         
    moveID = setTimeout('movemenu()',200)     
}     
    
//OBTENCION DE REFERENCIA AL OBJETO     
function getObj(name) {     
  //si soporta DOM Lelvel 2     
  if (document.getElementById) {     
    this.obj = document.getElementById(name)     
    this.style = document.getElementById(name).style    
  //si soporta el DOM del IE4.x     
  } else if (document.all) {     
    this.obj = document.all[name]     
    this.style = document.all[name].style    
  //si soporta el DOM del N4.x     
  } else if (document.layers) {     
    this.obj = document.layers[name]     
    this.style = document.layers[name]     
  }     
}     
    
window.onload = init     
if (document.captureEvents) {       //N4 requiere invocar la funcion captureEvents     
    document.captureEvents(Event.LOAD)     
}     
    
    
    
// --></script>   


<style TYPE="text/css"><!--  
     
    
#menu {  
    position: relative;     
    top: 0px;     
    left: 0px;     
    font: 12px verdana,arial,helvetica;     
    color: #000000;     
    background-color: transparent;     
    padding: 0px;     
    border: none;     
    z-index: 5;     
}     
    
/* :visited es necesario porque el menu contiene enlaces internos (#) y el IE los ve como ya visitados */    
div#menu a, div#menu a:visited {     
    color: #0000cc;     
}     
    
    
    
--><style><style TYPE="text/css" mce_bogus="1">     
    
#menu {   
    position: relative;    
    top: 0px;     
    left: 88%;     
    font: 12px verdana,arial,helvetica;     
    color: #ffffff;     
    background: #eeee00;     
    padding: 10px;     
    border: none;     
    z-index: 5;     
}     
    
 
    
    
</style>

Yo necesito hacer que baje con la página, el problema con el que me tope fue que al bajar, se sale del DIV en el que se encuentra... alguna idea de como solucionar esto???