Hola, me está volviendo loco esto, probé las cosas más básicas (soy bastante novato en esto de css) y no me funciona, a ver si alguien me puede decir que estoy haciendo mal.
La web la tengo que hacer entera en photoshop para poder crear un diseño más llamativo, ya que es la única manera que se me ocurre de crear botones superpuestos sobre una misma imagen del header.
Necesito centrar la web entera, en la actualidad queda pegado al margen izquierdo, yo necesito que quede centrada, sea cual sea la resolución del visitante.
Este es el código:
Código:
<html>
<head>
<title>Sin título-1</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<!-- Save for Web Styles (Sin título-1) -->
<style type="text/css">
<!--
#Tabla_01 {
position:absolute;
left:0px;
top:0px;
width:1024px;
height:1024px;
}
#Sin-txedtulo-1-01 {
position:absolute;
left:0px;
top:0px;
width:1024px;
height:131px;
}
#Sinx20txedtulo-1-02 {
position:absolute;
left:0px;
top:131px;
width:87px;
height:36px;
}
#Sinx20txedtulo-1-03 {
position:absolute;
left:87px;
top:131px;
width:73px;
height:36px;
}
#Sinx20txedtulo-1-04 {
position:absolute;
left:160px;
top:131px;
width:102px;
height:36px;
}
#Sinx20txedtulo-1-05 {
position:absolute;
left:262px;
top:131px;
width:90px;
height:36px;
}
#Sinx20txedtulo-1-06 {
position:absolute;
left:352px;
top:131px;
width:106px;
height:36px;
}
#Sin-txedtulo-1-07 {
position:absolute;
left:458px;
top:131px;
width:566px;
height:893px;
}
#Sin-txedtulo-1-08 {
position:absolute;
left:0px;
top:167px;
width:458px;
height:857px;
}
-->
</style>
<!-- End Save for Web Styles -->
</head>
<body style="background-color:#FFFFFF; margin-top: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px;">
<!-- Save for Web Slices (Sin título-1) -->
<div id="Tabla_01">
<div id="Sin-txedtulo-1-01">
<img src="imágenes/Sin-título-1_01.gif" width="1024" height="131" alt="">
</div>
<div id="Sinx20txedtulo-1-02">
<a href="index.html">
<img src="imágenes/Sin-título-1_02.jpg" width="87" height="36" border="0" alt=""></a>
</div>
<div id="Sinx20txedtulo-1-03">
<a href="foro/">
<img src="imágenes/Sin-título-1_03.gif" width="73" height="36" border="0" alt=""></a>
</div>
<div id="Sinx20txedtulo-1-04">
<a href="matches.html">
<img src="imágenes/Sin-título-1_04.gif" width="102" height="36" border="0" alt=""></a>
</div>
<div id="Sinx20txedtulo-1-05">
<a href="demos.html">
<img src="imágenes/Sin-título-1_05.gif" width="90" height="36" border="0" alt=""></a>
</div>
<div id="Sinx20txedtulo-1-06">
<a href="contacto.html">
<img src="imágenes/Sin-título-1_06.gif" width="106" height="36" border="0" alt=""></a>
</div>
<div id="Sin-txedtulo-1-07">
<img src="imágenes/Sin-título-1_07.gif" width="566" height="893" alt="">
</div>
<div id="Sin-txedtulo-1-08">
<img src="imágenes/Sin-título-1_08.gif" width="458" height="857" alt="">
</div>
</div>
<!-- End Save for Web Slices -->
</body>
</html>
Probé poniendo algún align=center en los div y no hace absolutamente nada, quizás deba sacar algo del CSS que me esté prohibiendo el align, pero no sé que ^^
Disculpen por la novatada, y gracias de antemano a quien pueda darme una manito ^^