Centrar Foro (Resolucion)

[Ezkiel]

URL: http://jerez360.es/gamer/index.php
Versión phpBB: phpBB3 (3.0.
MODs Instalados: Ninguno
Plantilla(s) usada(s): Prosilver
Servidor: Linux Pago
Actualización desde otra versión: No
Conversión desde otro sistema de foros: No

Buenas exprese mi duda en este tema http://www.phpbb-es.com/foro/soporte-ph ... ml#p179115 pero luego me di cuenta de que era de 2010, así que mejor lo pongo en un tema nuevo.

Ando haciendo una plantilla para una nuevo proyecto, trabajo sobre la resolución 1024x 768px pero cuando alguien visita el foro con una resolución mayor el foro se queda desplazado a la izquierda, me gustaría centrarlo.

SPOILER_SHOW

#wrap {
padding: 0 20px;
min-width: 650px;
width:965px;
margin-top: -17px;
}

[leviatan21]

Deberías cambiar margin-top: -17px; por margin: -17px auto 0; la opcion auto para derecha e izquierda hacen el truco de centrarlo en el navegador

Recuerda actualizar el Tema desde el ACP

Off Topic

---

Tu estilo no es prosilver sino que es Zero Gamer el cual está basado en prosilver, deberías tenerlo en cuenta cuando solicitas ayuda

[Ezkiel]

Buenas, leviatan21.

Gracias por tu rápida respuesta, pero no puede solucionarlo como tu me dijiste aunque si me diste la pista. Si lo ponía como me dijiste lo único que hacia era crear un margen y se separaba la parte del margen-top. Busque un poco por Google y lo puse así:

Código: Seleccionar todo

#wrap {
	padding: 0 20px;
	min-width: 965px;
	width:965px;
	margin:0 auto 0 auto;
	margin-top: -17px;
}

No logre poner el margin-top en la misma linea y que se centrase :S Pero cuando el navegador lo lee lo interpreta como un solo margen...así que no hay problemas con la "chapuza".

P.D: No había caído en que le cambio el nombre a la plantilla

[leviatan21]

No hay problemas en repetir una declaración sabiendo que la segunda, modificará la primera
la primera sería lo mismo que escribir :

Código: Seleccionar todo

margin-top : 0;
margin-left : auto;
margin-right : auto;
margin-bottom : 0;

y al agregar nuevamente la declaración para el tope, los navegadores lo interpretarán como :

Código: Seleccionar todo

margin-top : -17px;
margin-left : auto;
margin-right : auto;
margin-bottom : 0;

o lo que es lo mismo que hacerlo en una sola línea :

Código: Seleccionar todo

margin:-17px auto 0px auto;

[maria03]

cual es el archivo sobre el que habria que hacer esa modificacion?

y en que ruta se encuentra o deberia encontrarse?

[leviatan21]

cual es el archivo sobre el que habria que hacer esa modificacion?

y en que ruta se encuentra o deberia encontrarse?

En casos como estilos prosilver o sus dericados, ami me gusta hacer el cambio al final del archivo raíz/styles/prosilver/theme/stylesheet.css por diferentes razones.
Ese archivo llama a todas las hojas de estilo, por lo que me aseguro que ese código que agrego será el último en cargarse y reemplazará cualquier declaración anterior existente.
Tengo todas las modificaciones en un mismo lugar sin necesidad de andar buscando entre varios archivos

[maria03]

mm creo que nose si en mi caso es ese archivo...

tengo un portal board3 y creo que el wrap lo tendria que poner en otro archivo

ya que en stylesheet.css

solo aparecian lineas

import url...

asi que calculo que cuando puse eso al final no paso nada.. por eso..

donde deberia ponerlo?

[leviatan21]

En tu caso yo agregaría esto al final del stylesheet.css

Código: Seleccionar todo

#wrap {
	margin: 0 auto;
	width: 80%;
}

Y al actualizar el Tema debes ver el foro y el portal mas angosto