Problema con resoluciones y padding

[senseveu]

Hola compañeros.

Llevo algo más de dos días dándole vueltas a este problema que me ha salido y no le encuentro solución.

Verés, en la siguiente web http://espaidartfotografic.com/Joomla/index.php/la-escuela me gustaría que tanto el logo, el comienzo del menú y el párrafo del contenido estén alineados. Pues bien, el logo y el menú está conseguido para todas las resoluciones pero resulta que cuando abro la web en monitores de resolución mayor a 1280 x ... el contenido se me desplaza hacia la izquierda, y no se por qué. Los parámetros css son los mismos para los 3 divs que os comento.

Os agradecería mucho si pudierais echarle un vistazo y si alguien sabe decirme qué puede pasar.

Gracias de antemano.

Saludos.

[armandoweb]

Hola:

Prueba de poner los estilos del wrapper asi:

Código CSS:

#wrapper {
  display: block;
  padding: 0;
  width: 960px;
  margin: 0 auto;
  background-color: white;
}
 

Saludos.

[Carmelo9]

A ver si consigo explicarme.... cuando usas tamaños especificos como por ejemplo el padding resulta que lo que te muestra es referente al monitor que estes usando, para que se quede siempre posicionado usas porcentajes ejemplo
.parrafo{
margin-left:auto;
margin-right:auto;
}

o puedes epecifiar con numeros pero usa %
ejemplo

.parrafo{
margin-left:x%;
margin-right:x%;
} donde X es un numero q tu elijas

[senseveu]

Gracias por vuestras respuestas