Cómo centrar una capa que tiene posición absoluta Error Se ha producido un error. Vuelva a intentarlo más tarde <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> <head> <meta charset="utf-8"> </head> <html xmlns="http://www.w3.org/1999/xhtml"> <body> <style> body{font-family: Arial; font-size: 13px;color:#555;margin:0; padding:0;} .content{width: 80%; margin:3% auto; overflow: hidden; padding: 3%; background: #f5f5f5} .overlay{opacity:0.5;background-color:#999;position:fixed; height:100%; width:100%;top:0; left:0;} .layer{border:1px solid #cdcdcd; box-shadow: 1px 1px 5px #999; background-color:white;width:280px;position:absolute;top:0px;left:50%; margin-left:-140px; top: 50%; margin-top:-70px; } .layer_content{padding:30px;} </style> <div class="content"><h1>Centrar capa</h1></div> <div class="overlay"></div> <div class="layer"> <div class="layer_content"> <h4><strong>Error</strong></h4> <p>Se ha producido un error. Vuelva a intentarlo más tarde</p> </div> </div> </div> </body> </html>
