div que se mantiene en la parte superior de la barra de estado

StackOverflow https://stackoverflow.com/questions/1147383

  •  18-09-2019
  •  | 
  •  

Pregunta

el div en la página web de abajo que tiene de búsqueda en la parte inferior y siempre permanecerá pegado por encima de la barra de estado si u desplazarse hacia abajo.

http://www.outlawdesignblog.com/

puede u amablemente me apunte a una solución

¿Fue útil?

Solución

Este es un ejemplo de auto-contenida de cómo lo hacen, probado en IE7 y FF3: 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
   "http://www.w3.org/TR/html4/strict.dtd">
<html><head><style>
#staticpanel {
    background:#B85503 none repeat scroll 0 0;
    border-top:1px solid #C3702C;
    bottom:0;
    padding:12px 0;
    position:fixed;
    width:100%;
    z-index:100;
}
</style></head><body>
<div id='staticpanel'>Hello!</div>
</body></html>

Otros consejos

Si no recuerdo posición no tenga soporte derecho IE: fijo. La forma más fácil de emular posición:. Fijo es demasiado utilizar expresiones dinámicas y tienen el calculo expresión y actualizar la posición absoluta y etc.

El ejemplo de RichieHindle será sin embargo trabajar para los otros navegadores.

Licenciado bajo: CC-BY-SA con atribución
No afiliado a StackOverflow
scroll top