¿Cómo crear una barra de herramientas de tipo de base en la parte inferior de la página?

<div id="toolbar" style="position: fixed; bottom: 0px; left: 0px; width: 100%; color: #fff; background: #000;"> 
Toolbar Content 
<!-- rest of your toolbar stuff here --> 
</div>

que va a crear un div con un fondo negro que queda en la parte inferior de la pantalla, sin tener en cuenta de redimensionar o desplazar el navegador. A continuación, puede darle un estilo a esa div como desee.

Fuente

2009-06-28 19:23:00

Y una pregunta más, es este navegador compactable> – coderex

Debería funcionar en todo menos en IE6. –

@MatBridges Estoy editando un CSS del sitio basado en SMF para tener este efecto en uno de los divs, pero cuando lo hago, todos los otros divs saltan hacia arriba, hacia el div que acabo de arreglar, como si no fuera parte del estructura. ¿Alguna sugerencia para hacer que todo funcione detrás de ese div manteniendo el diseño previsto? –

utiliza la directiva CSS para posicionar

position: fixed;

more details and tinkering for the positioning

Fuente

2009-06-28 19:13:08

No, quiero saber cómo crear eso desde cero – coderex

Bueno, eso es un poco más complicado, y no es algo que se pueda responder. Sería como preguntar "¿cómo puedo hacer un widget de calendario?" –

¿Cómo crear una barra de herramientas de tipo de base en la parte inferior de la página?

Respuesta

Cuestiones relacionadas