Problema con el calendario emergente

miriamgomez · #1 (**permalink**) 18/12/2011, 17:33

Hola:

Me he descargado de esta pagina un formulario para las fechas emergentes, de esta web:
http://www.sectorweb.net/2007/05/07/...n-formularios/

Pero he tratado de engarlo en el siguiente codigo, pero no sale en su sitio, sino desplazado arriba a la izquierda.

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">
<head>
<title>3 cajas 100x100 alto - Recursos CSS - araudi.net</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<meta name="Keywords" content="recursos, css, diseño web, xhtml, software libre" />
<meta name="Description" content="3 cajas 100x100 alto - Recursos CSS - araudi.net" />
<meta name="Author" content="Mikel Morote Donazar - Praxis Iru&ntilde;ea SLL" />
<meta name="Subject" content="Recursos CSS" />
<meta name="Language" content="espa&ntilde;ol" />
<meta name="Robots" content="index, follow" />
[COLOR="Red"]<script language='javascript' src="popcalendar.js"></script> [/COLOR]
<link rel="alternate" href="http://www.araudi.net/indice.html" title="Indice de contenidos" media="all" lang="es" />
<style type="text/css">
html, body { margin: 0;
padding: 0;
height: 100%;
background-color: #366;
}
#capaMadre { width: 790px;
background-color: #6cc;
margin: 0 auto;
position: relative;
height: auto!important;
min-height: 100%;
height: 100%;
}
#cabecera { background-color: #c93;
text-align: center;
height: 80px;
}
#cuerpo { position: relative;
display: block;
margin: 20px;
}
#pie { position: absolute;
bottom: 0;
height: 40px;
background-color: #333;
color: #fff;
text-align: center;
width: 100%;
clear: both;
}
</style>
</head>
<body>
<div id="capaMadre">
<div id="cabecera">Header</div>
<div id="cuerpo">  <form name="form1" method="post">
           Calendario<input name="nombre_de_la_caja" type="text" id="dateArrival" onClick="popUpCalendar(this, form1.dateArrival, 'mm-dd-yyyy');" size="10">
        </form></div>
<div id="pie">Pie</div>
</div>
</body>
</html>

que tengo que hacer para que salga en su sitio?

Un saludo