tengo el siguiente codigo
Código HTML:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>prueba garmande</title>
<link rel="stylesheet" type="text/css" href="estilos.css">
</head>
<body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<div class="cabecera1"><img src="web_03.jpg" width="180" height="105"></div>
<div class="cabecera2"><img src="banner.gif" width="667" height="65"></div>
<div class="menu"><img src="21areas.jpg" height="39" width="112"></div>
<div class="lateral1"><img src="web_11.jpg" width="181" height="65"></div>
<div class="lateral2"><img src="webgarmande_12.jpg" width="181" height="124"></div>
<div class="lateral3"></div>
<div class="pie Estilo1">
Garmande
</div>
<div class="centro">eoeoe</div>
</body>
</html>
lo que quiero es que las 7 capas me queden siemrpe centradas en el navegador, alguna diea de como ahcerlo?
habia pensado con emter un contenedor y aplicarle el margin: auto; pero no ha funcionado, alguna idea?