Hola a todos compañeros, me estoy volviendo loco
Sé que es un tema fácil y no entiendo por qué sucede dado que no es la primera vez que hago una web y nunca he tenido problemas de este tipo -al menos no tan persistentes-
El caso es que quiero que los elementos se centren en el interior del body. Sí, tengo la hoja de estilos con el class que especifica que los contenidos deben estar CENTRADOS.
Aún así, no lo consigo con el body, así que decido meter una tabla dentro de otra, alineando la primera al centro (por si acaso)
Pero nada, que tampoco funciona. También lo he probado con divs, la misma historia.
Os pongo a continuación los css y el código a ver si me podéis echar una manita:
CSS:
body {
background-image: url(imagenes/navegacion/body_background.png);
background-repeat: repeat;
text-align: center;
margin: 0px;
padding-top: 5px;
}
.table_nav {
background-image: url(imagenes/navegacion/barra_navegacion.png);
background-repeat: no-repeat;
background-position: center center;
text-align: center;
width: 100%;
}
.td_nav {
text-align: center;
width: 100%;
}
.table_bodyholder {
text-align: center;
width: 100%;
}
.td_bodyholder {
text-align: center;
width: 100%;
}
.td_main {
background-attachment: fixed;
background-image: url(imagenes/navegacion/main_container.png);
background-repeat: no-repeat;
background-position: left top;
text-align: center;
vertical-align: middle;
height: 400px;
width: 760px;
}
.table_contents {
height: 400px;
width: 1000px;
}
.td_form {
height: 400px;
width: 215px;
background-attachment: fixed;
background-image: url(imagenes/navegacion/forms.png);
background-repeat: no-repeat;
background-position: left top;
}
HTML:
<p><a href="index.html"><img src="imagenes/logotipos/logo_redimensionado.png" width="188" height="75" alt="home"></a>
</p>
<p>
<table class="table_nav">
<tr>
<td class="td_nav">
.
.
.
</td>
</tr>
</table>
</p>
<p>
<table class="table_bodyholder">
<tr>
<td class="td_bodyholder">
<table class="table_contents">
<tr>
<td class="td_main">
...
</td>
<td class="td_form"
</td>
</tr>
</table>
</td>
</tr>
</table>
</p>
Lo cojonudo es que la imagen primera de la página y la tabla que contiene la navegacion (table_nav) sí se alinean al centro perfectamente.
Edito con imágenes:
Quiero esto:
Logro esto:
También he probado con el obsoleto td align="center" pero por ahí tampoco funciona.