allineamento centra pagina
salve vorrei sapere se qualcuno di voi a qualche idea del perche il contenuto di questa pagina nn č centrato index
Codice HTML:
<!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="en-GB">
<head>
<meta http-equiv="Content-Type" content="application/xhtml+xml; charset=utf-8" />
<meta name="description" content="The Perfect 2 Column Liquid Layout (left menu): No CSS hacks. SEO friendly. iPhone compatible." />
<meta name="keywords" content="The Perfect 2 Column Liquid Layout (left menu): No CSS hacks. SEO friendly. iPhone compatible." />
<meta name="robots" content="index, follow" />
<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" />
<link rel="stylesheet" type="text/css" href="stile2.css" media="screen" />
<script type="text/javascript">
//<![CDATA[
$(document).ready(function(){
$("#nav-one li").hover(
function(){ $("ul", this).fadeIn("fast"); },
function() { }
);
if (document.all) {
$("#nav-one li").hoverClass ("sfHover");
}
});
$.fn.hoverClass = function(c) {
return this.each(function(){
$(this).hover(
function() { $(this).addClass(c); },
function() { $(this).removeClass(c); }
);
});
};
//]]>
</script>
</head>
<body>
<div class="container leftmenu">
<!--inizio header-->
<div id="header">
<h1 class="header">Mago ciberio & Clown Giro<br /></h1>
<h2 class="header">Animazione feste di compleanni,<br /> sculture di palloncini,<br />baby disco, e molto altro...<br /></h2><h3 class="header">Nella regione Marche</h3>
<h3 class="contatore">Visite da gennaio 2009: 1678<br />Visitatori on line:1</h3>
</div>
<!--fine header-->
<!--inizio nav-->
<div >
<ul id="nav-one" class="nav">
<li>
<a class="contattaci"> Contattaci</a>
<ul>
<li>
<a class="hover" href="contatti.php">Contattarci</a>
<a class="hover" href="commenti.php">Guestbook</a>
</li>
</ul>
</li>
<li>
<a class="lavostrafesta"> La vostra festa</a>
<ul>
<li>
<a class="hover" href="magia.php">Magia</a>
<a class="hover" href="sculture_palloncini.php">Palloncini</a>
<a class="hover" href="giochi.php">Giochi</a>
<a class="hover" href="bolle.php">Bolle</a>
<a class="hover" href="invito.php">Inviti</a>
</li>
</ul>
</li>
<li>
<a class="home" href="index.php"> Home</a>
<ul>
<li>
</li>
</ul>
</li>
</ul>
</div>
<!--fine nav-->
<!--inizio container non cancellare-->
<div class="colcommon">
<div class="coldx">
<!-- Column sx start -->
<div id="index">
<h2>Eccoli: il Mago Ciberio e il Clown Giro!</h2>
<div style="text-align: center;">
<img src="../immagini/noi.gif" height="320"
width="384" alt="noi" />
<p>I nostri due simpatici amici vi farranno vivere un pomeriggio
indimenticabile all'insegna del divertimento e dello stupore...<br />
faranno divertire voi e i vostri bambini...<br />
vi faranno conoscere il misterioso mondo della magia...<br />
vi guideranno nel mondo del divertimento...<br />
e allora cosa aspettate chiamateli.
</p>
<br /><br /><br />
<!-- Column sx end -->
</div>
</div>
</div>
<div class="colsx">
<!-- Column dx start -->
<img src="immagini/bambini1.jpg" height="121" width="137" alt="Bambini che giocano(immagini da google)" />
<img src="immagini/bambini2.jpeg" height="121" width="137" alt="Bambini che giocano(immagini da google)"/>
<img src="immagini/bambini3.gif" height="121" width="137" alt="Bambini che giocano(immagini da google)"/>
<img src="immagini/bambini4.jpg" height="121" width="137" alt="Bambini che giocano(immagini da google)"/>
</div>
</div>
<!-- Column dx end -->
<!--fine container-->
<!--inizio footer-->
<div id="footer">
<div class="destra_w3c">
<a href="http://jigsaw.w3.org/css-validator/check/referer">
<img src="/immagini/cssw3c.gif" alt="CSS Valido!" /></a>
</div>
<div class="sinistra_w3c">
<a href="http://validator.w3.org/check?uri=referer">
<img src="/immagini/w3cblue.png" alt="Valid XHTML 1.0 Strict" /></a>
</div>
<div class="piede">Mago Ciberio e Clown Giro<br />Animazione feste di compleanni, sculture di palloncini, baby disco, e molto altro...<br />+393490545720 334/7138225 ciberioegiro@yahoo.it
</div>
</div>
</div>
<!--fine footer-->
</body>
</html>