poner un div toda la pantalla

may123 · #1 (**permalink**) 11/11/2012, 12:13

hola a todos como puedo poner un div que tape toda la pantalla ._.
esque no me sale D:

Código:

<!DOCTYPE html>
<html>
<head>
<style type="text/css">
*{margin:0px; padding:0px;}

#todo{background-color:#067;
width:100%;
height:100%;
}
</style>

</head>
<body>
<div id="todo">


</div>


</body>
</html>

pzin · #2 (**permalink**) 11/11/2012, 13:57

No funciona porque el elemento padre no tiene ningún ancho —div está vacío— ni ningún alto.

Tendrías que añadir una anchura y altura a body, pero tampoco funcionará, porque pasaría lo mismo, ya que el padre, html, no tiene anchura ni altura tampoco. Así pues:

Código CSS:

Ver originalhtml,body{
  height:100%;
  width:100%;
}

IsaBelM · #3 (**permalink**) 11/11/2012, 14:04

los problemas que supongo que tienes/tendrás son que el bloque no aparece y después que al hacer scroll, se ve el resto de la página. usa

Cita:

width: 100%;
min-height: 100%;
height: auto !important;
position: fixed;
top:0;
left:0;

may123 · #4 (**permalink**) 11/11/2012, 16:09

oh gracias por sus savias respuestas XD

Linton · #5 (**permalink**) 12/11/2012, 11:11

Cita:

Iniciado por may123

Código:

<!DOCTYPE html>
<html>
<head>
<style type="text/css">
*{margin:0px; padding:0px;}

#todo{background-color:#067;
width:100%;
height:100%;
}
</style>

</head>
<body>
<div id="todo">


</div>


</body>
</html>

Una pregunta, ¿por qué no pones los estilos en un CSS?

IsaBelM · #6 (**permalink**) 12/11/2012, 14:50

el css, al igual que javascript, puede estar en línea, embebido o externo. para el caso que ocupa lo mismo da que da lo mismo