Un vistazo muy rápido sólo al html, el css más tarde:
Cita: !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN">
<html>
<head>
<link rel="stylesheet" type="text/css" href="stylePing.css" />
</head>
<form>
<body>
<div id="main">
<div id="fondo">
<div id="contenedor">
<center>
<!--Aqui tengo otras cosas-->
</center>
</div>
<div id="aceptar"><input type="button" value="Aceptar" onclick="window.close()"></div>
</div>
</div>
</body>
</form>
</html>
Usa un doctype completo, estandar y válido
Código html:
Ver original<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="es" lang="es-es">
No es buena idea separar la cabeza del cuerpo: el resultado no puede ser nada bueno
Los formularios son un elemento más del cuerpo de las páginas, por lo tanto deben estar dentro de él, y no al revés, (tengo entendido)
Y lo de <center> </center> puede convertirse en antológico
