Se il tuo scopo è quello di centrare, come su zen garden, TUTTO il contenuto della pagina, devi procedere così:
codice:
<!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>Documento senza titolo</title>
<link href="layout.css" rel="stylesheet" type="text/css" />
</head>
<body onload="MM_preloadImages('home2.gif')">
<div id="corpo">
<div id="banner">
[img]int.jpg[/img]
</div>
<div id="menu">
<div align="center"></div>
[img]home1.gif[/img]
[img]contatti1.gif[/img]
[img]dove1.gif[/img]
[img]insegnanti1.gif[/img]
[img]iscrizione1.gif[/img]
[img]prezzi1.gif[/img]
[img]stage1.gif[/img]
</div>
<div id="testo">
Stage Teatro Al Castello
-
Bla bla bla
bla bla.</p>
bla bla bla.
</p>
</div>
</div>
</body>
</html>
Questo è il codice della pagina.
Questo il css esterno che contiene gli ID
codice:
body {
margin:0;
padding:0;
width:100%
background-color: #EBEBEB;
}
#corpo {
width:700px;
margin-left:auto;
margin-right:auto;
}
#banner {
background-color: #EBEBEB;
border: medium solid #FFFFFF;
}
#menu {
width:100%;
background-color: #EBEBEB;
height: 35px;
border: medium solid #FFFFFF;
}
#testo {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 15px;
width: 700px;
line-height: 20px;
color: #000000;
background-color: #FFFFFF;
border: medium solid #FFFFFF;
}
Nota anche che ho rimosso tutti i position:absolute e tutti i top e left, nonchè ho tolto la lettera accentata dal nome della div menu.