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:
Cita: 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:
Cita: #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?