Entrar

¿Como centrar una pagina?

egabro · · Solicitar retirada
Hola a todos

Estoy confeccionando mi pagina (www.egabro.comocreartuweb.es) y tengo el siguiente problema, no consigo que mis páginas se vean centradas.

Más abajo os pego una de ellas

¿Me podéis ayudar a centrarla?

Os doy las gracia de antemano

Un saludo

<!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>Retoque de fotografias;general</title>

<style type="text/css">
<!--
#body {background-color: #000000;color: #FFFFFF;}
#cabecera {margin: 0px auto;width: 800px; position: absolute; left: 70px; top: 5px; color: #FFFFFF; background-color: #000000;}
#tablacabecera{ width: 100%; text-align: center; background-image: url(imagenes/taller-fotografia.jpg); height: 200px; color: #FFFFFF;
background-color: #000000;}

a { color: #FFFFFF; display:block; text-decoration:none; margin: 1px; font-size: large;}
a:link {}
a:visited {}
a:hover {color: #FFFFFF; background-color:#000000}
a:active {color: #99FFFF}

#tablafotos { text-align: center; left: 70px; background-color: #000000; color: #FFFFFF;}
td.a1 { background-color: #000000; color: #FFFFFF; font-size: 20px; height: 50px; text-align: center;}
td.a2 { background-color: #000000; background-repeat: no-repeat; text-align: center; vertical-align: middle;
background-position: center center; height: 35px; color: #FFFFFF; font-size: 14px;}
td.a3 { background-color: #000000; height: 680px; vertical-align: top;}
td.a4 { background-color: #000000; color: #000000; vertical-align: top;}

-->
</style>
</head>

<body id="body">
<div id="cabecera" >
<table height="223" border="2" cellpadding="0" cellspacing="0" bgcolor="#0000CC" id="tablacabecera">
<tr>
<td height="164" colspan="3"> </td>
</tr>
<tr>
<td width="33%"><a href="index.html" target="_blank">Inicio</a></a></td>
<td width="33%"><a href="los-conoces.html" target="_blank">¿Los conoces?</a></td>
<td width="34%"><a href="fotografias-normas.htm">Procedimientos</td>
</tr>
</table>




<table id="tablafotos" width="1100" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="50%" colspan="2" class="a1">Si tienes alguna fotograf&iacute;a antigua que est&eacute; deteriorada, y deseas no perderla me la puedes mandar para que la retoque.<br/>
Abajo pongo una muestra de una fotografia antes y después de haberla retocado.&nbsp;</td>
</tr>
<tr>
<td class="a3"><img src="imagenes/tios antigua.jpg" alt="tios sin retocar" width="559" height="666" border="0" usemap="#Map" />&nbsp;</td>
<td class="a4"><img src="imagenes/tios-retocada.gif" width="532" height="667" />&nbsp;</td>
</tr>
<tr>
<td width="50%" colspan="2" class="a2">Foto de izquierda a derecha: Carmela Poyato, Rosario Moreno, Soledad Moreno Elena Poyato, en el centro Miguel Moreno y a la izquierda puede ser o bien Joaquin Moreno o Ricardo Moreno </p>&nbsp;</td>
</tr>
</table>



<map name="Map" id="Map"><area shape="rect" coords="455,115,541,389" href="poyato-osuna-carmen" />
<area shape="rect" coords="343,90,432,216" href="moreno-vilches-rosario.html" />
<area shape="rect" coords="292,201,342,395" href="moreno-vilches-miguel" alt="Miguel Moreno Vilches" />
</map></body>
</html>
florenciab · · Solicitar retirada
Hola, para centrar una pagina se tiene que establecer esta regla CSS
*{ margin:auto;
padding:0;
}
Esto indica que todo el documento se centre.
Como tip: al body no hace falta ponerle un id="body". Lo podes llamar directamente con su nombre:
body{width:895px;}
Espero que te sirva.¡Suerte!
Web-Freelance · · Solicitar retirada
Te falta cerrar el div cabecera. Si englobas toda la web con este ID, es decir, si cierras antes de </body> con un </div>, puede centrar la web de la siguiente manera:

#cabecera{
    margin-left: auto;
    margin-right: auto;
    width: 800px;
    color: #FFFFFF;
    background-color: #000000;
}

También puedes cambiarle el nombre por un "global" en vez de "cabecera" o algo así, para saber que esto recoge toda la web, pero esto es opcional.

Lo que dice el compañero @florenciab sobre la etiqueta body, que no necesita un ID específico es cierto, ya que body solo tienes uno y puedes referirte a el mediante su nombre de etiqueta.

Saludos!
egabro · · Solicitar retirada
Muchísimas gracia a los dos por vuestros consejos.

Los voy a poner en practica ahora mismo.

Un saludo