Ver Mensaje Individual
  #2 (permalink)  
Antiguo 26/02/2012, 17:27
thezzin
 
Fecha de Ingreso: septiembre-2008
Mensajes: 350
Antigüedad: 16 años, 3 meses
Puntos: 31
Respuesta: div en la posicion de arriba de la pagina

nada de php
pero quizas esto sera lo que buscas

Código HTML:
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>div top</title>
</head>
<style>
#box {
  /* Posición absolutamente, 30px abajo del top */
  position: absolute;
  top: 30px;

  /* En mi caso estoy centrado en la ventana, haz lo que quieras */
  margin-left: -100px;
  left: 40%;
  width: 400px;

  /* Estos son sólo ejemplo */
  height: 1.25em;
  border: 1px solid #bbb;
  text-align: center;
}

</style>
<script type="text/javascript">
window.onload = function() {

  function getScrollTop() {
    if (typeof window.pageYOffset !== 'undefined' ) {
      // La mayoría de los navegadores
      return window.pageYOffset;
    }

    var d = document.documentElement;
    if (d.clientHeight) {
      return d.scrollTop;
    }

    return document.body.scrollTop;
  }

  window.onscroll = function() {
    var box = document.getElementById('box'),
        scroll = getScrollTop();

    if (scroll <= 28) {
      box.style.top = "30px";
    }
    else {
      box.style.top = (scroll + 2) + "px";
    }
  };

};
</script>
<body>
<div id='box'>Contenido del div box que se mantendrá arriba</div>
<p>Contenido....
<br /> Contenido
<br /> Contenido
<br /> Contenido
<br /> Contenido
<br /> Contenido
<br /> Contenido
<br /> Contenido
<br /> Contenido
<br /> Contenido
<br /> Contenido
<br /> Contenido
<br /> Contenido
<br /> Contenido
<br /> Contenido
<br /> Contenido
<br /> Contenido
<br /> Contenido
<br /> Contenido
<br /> Contenido
<br /> Contenido
<br /> Contenido
<br /> Contenido
<br /> Contenido
<br /> Contenido
<br /> Contenido
<br /> Contenido
<br /> Contenido
<br /> Contenido
<br /> Contenido
<br /> Contenido
<br /> Contenido
<br /> Contenido
<br /> Contenido
<br /> Contenido
<br /> Contenido
<br /> Contenido
<br /> Contenido
<br /> Contenido
<br /> Contenido
<br /> Contenido
<br /> Contenido
<br /> Contenido
<br /> Contenido
<br /> Contenido
<br /> Contenido
<br /> Contenido
<br /> Contenido
<br /> Contenido
<br /> Contenido
<br /> Contenido
<br /> Contenido
<br /> Contenido
<br /> Contenido
<br /> Contenido
<br /> Contenido
<br /> Contenido
<br /> Contenido
<br /> Contenido
<br /> Contenido
<br /> Contenido
<br /> Contenido
<br /> Contenido
<br /> Contenido
<br /> Contenido
<br /> Contenido
<br /> Contenido
<br /> Contenido
<br /> Contenido
<br /> Contenido
<br /> Contenido
<br /> Contenido
<br /> Contenido
<br /> Contenido
<br /> Contenido
<br /> Contenido
<br /> Contenido
<br /> Contenido
<br /> Contenido
<br /> Contenido
  </p>
</body>
</html> 
__________________
╬-----╬
║☺₧☻║
╬-----╬