Yo de esa forma lo entiendo, cuando tienes una capa es facil alinearla mediante el margin auto, pero si dentro de esa capa tienes más capas, como hay que estructurarlo?
Tengo una web con 800px de ancho y centrada. La pagina consta de 3 partes, header, centro y footer.
Header-> cabecera
Centro-> centro con 7 columnas (4 tienen poco ancho solo decorativo y las otras tres son las columnas funcionales donde va el contenido)
Footer-> pie de pagina
Mi intencion era la de convertir mi web (realizada completamente con tablas) a capas con la ayuda de css (mas php), pero tengo problemas de estructuracion, aqui os dejo el HTML y el CSS para ver si me podeis ayudar.
HTML Código HTML:
<body>
<div id="block"><?php include("header.php"); ?></div>
<div id="container">
<div id="fondoa"> </div>
<div id="fondob"><?php include("contenido.php"); ?></div>
<div id="fondoc"> </div>
<div id="fondod"><?php include ("secciones.php"); ?></div>
<div id="fondoe"> </div>
<div id="fondof"><?php include("contenido2.php"); ?></div>
<div id="fondog"> </div>
</div>
<div id="block"><?php include("footer.php"); ?></div>
</body> CSS
Código:
body {
background: #2F476B url(/images/fondo_rayado.jpg);
color: #000000;
text-align: center;
margin: 0px;
}
#block {
margin: 0px auto 0px auto;
padding: 0px;
width: 800px;
}
#container {
background: url(/images/fondo.gif);
margin: 0px auto 0px auto;
padding: 0px;
width: 800px;
text-align: center;
}
#fondoa {
width: 7px;
}
#fondob {
width: 142px;
}
#fondoc {
width: 5px;
}
#fondod {
width: 492px;
}
#fondoe {
width: 5px;
}
#fondof {
width: 142px;
}
#fondog {
width: 7px;
}
De que forma puedo conseguir que fondo (fondoa,fondob....) quede centrado una columna detras de otra?
pensaba que con emplear el container se alinearía, pero soy algo nuevo en esto de CSS y digamos que la alinacion es mas complicada que en tablas xD, he probado tambien con el float y posicionandolo con absolute pero al estar en el centro no le puedo dar valores por los problemas de resolucion de pantalla y por los navegadores...
Espero haberme explicado bien, Salu2!