Como crear un div flotante inferior o abajo
Vamos a ver cómo ubicar un div justo en la parte inferior, cual barra de tareas de Windows por medio de css. Lo primero que vamos a hacer es crear un div llamado “inferior”:
<div id="inferior">¡Hola mundo!</div>Lo siguiente es crear el código CSS, para lo cual creamos las propiedades para situar nuestro div en la parte inferior:
<style type="text/css"> body,html{ height:100%; /*Siempre es necesario cuando trabajamos con alturas*/ } #inferior{ color: #FFF; background: #000; position:absolute; /*El div será ubicado con relación a la pantalla*/ left:0px; /*A la derecha deje un espacio de 0px*/ right:0px; /*A la izquierda deje un espacio de 0px*/ bottom:0px; /*Abajo deje un espacio de 0px*/ height:50px; /*alto del div*/ z-index:0; } </style>
10
Puntos
Puntos
8171
Visitas
Visitas
3
Resp
Resp
Por dicarloo hace 116 meses
Principiante
Respuesta #1
y para usar un alcho del 100% como tendria que hacer?
0
Puntos
Puntos
Por jorgevip hace 116 meses
Principiante
Respuesta #2
jorgevip como estás usando display absolute, para lo que pides necesitarás colocarle un ancho de 100% en el css del div #inferior.
width:100%;
Respuesta #3
jorgevip dijo:prueba como te dijo jose creo que así podras hacerlo
y para usar un alcho del 100% como tendria que hacer?
0
Puntos
Puntos
Por dicarloo hace 115 meses
Principiante