Consulta CSS ayuda por favor!!!!

[All jazz...]

Hola a todos!! soy novato en hacer páginas web, y estoy haciendo una con css y tengo un problema... haber si me pueden ayudar!!! porfa!!!

Es una página muy simple, donde la estructura es principalmente un rectángulo central y fondo blanco, y dentro de éste hay algunas imágenes y algunos links q lleva a otras páginas.

El problema que tengo es que en Explorer este rectángulo se ve centrado, como yo lo quiero, pero en Firefox y en Chrome el rectángulo se ve pegado al costado izquierdo de la página y ,e di cuenta de q es por el archivo css, pero no se como arreglarlo.

les muestro el archivo haber si me pueden dar una recomendación para que en estos otros dos navegadores se vea centrado.

eso gracias a todos!!!

 

 

P {

font-size : 7pt;

font-family : verdana;

font-weight : normal;

}

 

H3 {

font-size : 12pt;

font-family : isocteur,verdana;

color : #FFFFFF;

background-color : #000000;

}

 

H4 {

font-size : 7pt;

font-family : verdana;

color : #999999;

background-color : #FFFFFF

}

 

H5 {

font-size : 7pt;

font-family : verdana;

color : #000000;

background-color : #FFFFFF;

}

 

 

TD {

font-size : 7pt;

font-family : verdana;

color : #000000;

background-color : #FFFFFF;

}

 

BODY {

width:700px;

font-size : 7pt;

font-family : verdana;

color : #000000;

background-color : #FFFFFF;

text-align: center;

}

 

#cabecera{

height : 31px;

width: 190px;

padding : 2px 2px 2px 2px;

}

 

#contenedor{

text-align: left;

width: 700px;

background-color : #ffffff;

margin: auto;

}

 

A.enlacenav,

A.enlacenav:VISITED,

A.enlacenav:ACTIVE,

A.enlacenav:FOCUS,

A.enlacenav:LINK{

color: #000000;

font-size : 7pt;

font-family : verdana;

text-decoration:none;

}

A.enlacenav:HOVER{

 

 

David

[AshWilliams]

Como usas el css en tu página web...necesito ver el código, aunque a simple vista ya se ve la raíz del problema.

 

Saludos :krider:

[maxuber]

Estimado

 

Alguna preguntas:

 

Cual es el contenedor de todo?, El body? o el #contenedor?.

Si el body es el contenedor de todo, no es nescesario poner el width:700px; , es mejor poner margin:0; padding:0; y listo

 

1.- El contenedor de tu contenido es #contenedor, si es así, podrías poner lo siguiente:

 

#contenedor{

width: 700px;

background-color : #ffffff;

margin: auto;

padding: auto;

}

OJO SIMEPRE Y CUANDO ESTE CONTENEDOR CONTENGA #cabecera QUE TU DESCRIBES, SI NO ES ASI TENDRIAS QUE HACER ESTO:

 

#cabecera{

height : 31px;

width: 700px;

padding : 0;

margin:0 auto 0 auto;

}

 

#contenedor{

width: 700px;

background-color : #ffffff;

margin: 0 auto 0 auto;

}

[All jazz...]

Maxuber, muchas gracias por tu consejo, ya lo pude arreglar!!! ahora esta centrado, asi q todo bien, seguiré desarrollándola ahora.

gracias y saludos a todos

[AshWilliams]

Solucionado...se procede al cierre....muchas gracias maxuber ;).

 

Saludos :krider: