Página no centrada

[Jhon Silver]

Tengo el siguiente código dentro del archivo ab.css que hace la llamada desde un archivo externo a través de la linea de código:
<link rel="stylesheet" type="text/css" href="ab.css" />
En el archivo ab.css tengo el siguiente código:

BODY {
background-color: #FFFFFF;
color : #000000;
margin : 0px 0px 20px 0px;
text-align: center;
}
#contenedor{
align: center;
text-align: left;
width: 780px;
background-color : #FFFFFF;
margin: auto;
}


#cabecera{
height : 70px;
width: 780px;

}
#final{
align: center;
height : 12px;
width: 780px;
background-color:#4A8255;

}

#navegador{
padding: 0px 0px 3px 3px;
background-color:#51A27B;
height : 17px;

}
h1{
font-family: Times New Roman, Times, serif;
font-size: 91%;
border-bottom: 1px solid #666;
margin: 20px 0px 10px 0px;
}
h2{
font-family: Times New Roman, Times, serif;
font-size: 91%;
border-bottom: 1px solid #666;
margin: 20px 0px 10px 0px;
}
h3{
font-family: Times New Roman, Times, serif;
font-size: 91%;
border-bottom: 1px solid #666;
margin: 20px 0px 10px 0px;
}

h4{
font-family: Times New Roman, Times, serif;
font-size: 91%;
border-bottom: 1px solid #666;
margin: 20px 0px 10px 0px;
}
h5 {
font-family: Times New Roman, Times, serif;
font-size: 91%;
border-bottom: 1px solid #666;
margin: 20px 0px 10px 0px;
}

a:link{color:#000000;}
a{text-decoration:none}
a:hover { text-decoration:underline}
a:visited{color:#000000;}

p.margin {margin: 0px 0px 0px 0px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 67%;
}
p.final {
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #FFFFFF;
font-size: 67%;
}
img.izq
{
float:right;
border:1px dotted black;
margin:0px 0px 15px 20px;
}

A pesar de hacer la llamada desde el archivo externo desde un <div id="contenedor"> es el principal, indicando la alineación centrada:

#contenedor{
align: center;
text-align: left;
width: 780px;
background-color : #FFFFFF;
margin: auto;
}

La página no aparece centrada y si del lado izquierdo.
¿Cómo podría hacer para que la página aparezca centrada?

[pzin]

Pues debería de aparecer centrada. ¿Cuál es el HTML?

align: center no existe en CSS, es una reliquia si acaso de HTML que tampoco se usa ya. Pero bueno, al no existir no se interpreta y no influye. Así que debe de ser otra cosa.

[walterfcr]

max-width: 960px; (o el que quieras)
margin: 0 auto;

eso al contenedor principal

[pzin]

Iniciado por walterfcr

max-width: 960px; (o el que quieras)
margin: 0 auto;

eso al contenedor principal

Supongo que no te habrás molestado en mirar el código.

[Jhon Silver]

Buscando he encontrado un tutorial respecto al tema:
http://www.w3schools.com/css/css_align.asp
Y un ejemplo funcionando:http://www.w3schools.com/css/tryit.a...lign_container
En este ejemplo que funciona, se hace la llamada desde el propio archivo y no desde uno externo.
Aun asi funciona y si le sirve a alguien, he incluido dentro del propio archivo dentro del css en style:
.center
{
margin-left:auto;
margin-right:auto;
width:100%;
}
Posteriormente he abierto un nuevo div llamado center que engloba todos los que componen el archivo y funciona ok.
Quizas a lo mejor, quedaría mejor realizar la llamada desde el archivo ab.css, pero asi funciona ok.
Gracias amigos de todas maneras.