Aqui está el codigo de la pagina->index.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Pasto Deporte</title>
<script type="text/javascript" src="jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="jquery-ui-1.7.2.custom.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
//------------------------------
$("#calendario").datepicker();
});
</script>
<link href="estilo.css" rel="stylesheet" type="text/css" />
<link href="jquery-ui-1.7.2.custom.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="content">
<div id="cabecera"></div>
<div id="navegacionh"></div>
<div id="navegacion"></div>
<div id="contenido"></div>
<div id="mas">
<div id="calendario"></div>
</div>
<div id="pie"></div>
</div><!-- fin content-->
</body>
</html>
---------------------------------------------/
el codigo css->estilo.css
*{margin: 0; padding: 0;}
body {margin:10px;
padding:0;
background-color:rgb(173,210,236);
}
#content {
margin:0 auto;
position:relative;
width:800px;
height:820px;
border:1px solid #000000;
background-color:transparent;
}
#cabecera {
text-align:center;
vertical-align:middle;
width: 800px;
height:119px;
border-bottom:1px solid #000000;
background-color:#FFFFFF;
}
#navegacionh{
width: 800px;
height:19px;
border-bottom:1px solid #000000;
background-color:#FFFF66;
}
#navegacion {
width:186px;
height:630px;
border-right:1px solid #000000;
float:left;
background-color:#FFFFFF;
}
#contenido {
width:452px;
height:630px;
float:left;
background-color:#FFFFFF;
font-family: Verdana, Arial, Helvetica, sans-serif;
color:#333333;
text-align:center;
}
#mas {
width:160px;
height:630px;
border-left:1px solid #000000;
float:left;
background-color:#33FF99;
}
#calendario{
margin-top:5px;
margin-left:2px;
margin-right:2px;
font-size: 8px;
}
#pie {
clear:both;
width:800px;
height:49px;
border-top:1px solid #000000;
background-color:#99FFFF;
font-family: Verdana, Arial, Helvetica, sans-serif;
text-align:center;
}
<!--todo lo de jquery lo obtuve del sitio oficial jquery.com-->
