miércoles, 18 de agosto de 2010

Centrar div con CSS

Código para centrar div en una página mediante CSS:

<style type="text/css">
* {margin:0; padding:0;}
html, body {
 width:100%;
 height:100%;
 overflow:auto;
}
#fijo{
 position:absolute;
 width:200px;
 height:200px;
 border:#000 solid 1px;
 background:#cff;
 left:50%;
 top:50%;
 margin-left:-100px;
 margin-top:-100px;
}
html>body #fijo {
 position:fixed;
}
#todo{
 position:absolute;
 top:0;
 left:0;
 width:100%;
 height:100%;
 overflow:auto;
}
html>body #todo{
 position:static;
 top:auto;
 left:auto;
 width:auto;
 height:auto;
 overflow:visible;
}
</style>

1 comentario: