Incompatibilidad en la resolución 800x600

[Tenshi]

Hola... queria buscar alguna solución a un pequeño conflicto. Sucede que al entrar a mi página web con una resolución de 800x600 se ve así:

Imagen con resolución de 800x600:



Cuando en realidad, debería verse asi:

Imagen con resolución de 1024x768



Quizás parezca algo "tonto" preocuparse por este problema, pero sucede que algunos de mis visitantes usan la dicha resolución. Estoy totalmente seguro que se trata de la resolución, ya que al entrar desde un móvil tambien se ve casi a la mitad (ya que su navegador es de 800x600).

Si se pueden fijar, el estilo que tengo (Simplicity) siempre ha tenido ese problema, estoy en otro foro que tambien tiene el problema. (link: http://www.awesomestyles.com/phpbb3-sty ... simplicity)

Espero haya una solución, muchas gracias .

Usuario de prueba:
Usuario - Tester01
Constraseña - phpbb-es123

URL: http://calimdor.wsr3.net
Versión phpBB: 3.0.9
MODs Instalados: Advertisement Management
FAQ Manager
Full Quick Reply Editor
NV advanced last topic titles
Perfil y avatar a la izquierda
Thanks for posts
Ultimate Points
User Blog Mod
board3 Portal 2.0.0 - Beta 1
phpBB Social Network Core
phpBB mChat
Plantilla(s) usada(s): Prosilver
Servidor: Linux, gratuito
Actualización desde otra versión: No
Conversión desde otro sistema de foros: No
AutoMOD: No
URL del MOD::

[Makoto]

Prueba con esto,

Simplicity/themes/common.css

buscar

Código: Seleccionar todo

#container {
	position: absolute;
	left: 50%;
	top: 150px;
	width: 950px;
	margin-left: -475px;
	background: url({T_THEME_PATH}/images/bkg.gif) repeat-y;
}

#inner {
	width: 900px;
	padding: 0 25px 25px 25px;
}

reemplazar por

Código: Seleccionar todo

#container {
	position: absolute;
	left: 50%;
	top: 150px;
	width: 950px;
	min-width: 650px;
	margin-left: -475px;
	background: url({T_THEME_PATH}/images/bkg.gif) repeat-y;
}

#inner {
	width: 900px;
	min-width: 650px;
	padding: 0 25px 25px 25px;
}

[Tenshi]

he colocado los codigos, limpie la cache del servidor y del navegador y sigue igual, quizas porque algunos de los valores no corresponden... las lineas que debo buscar estan asi:

Código: Seleccionar todo

#container {
	position: absolute;
	left: 50%;
	top: 150px;
	width: 950px;
	margin-left: -475px;
	background: url({T_THEME_PATH}/images/bg_border.png) repeat-y transparent;
}

#inner {
	width: 940px;
	padding: 0 25px 25px 5px;
}

algunos valores los cambie para aumentar la anchura de los paneles como los foros, navbar, y todo el contenido

[Makoto]

plop por que lo saque del zip del estilo xD pero probaste lo q te dije q cambiaras

[Tenshi]

ok ok.. ya mismo he puesto los códigos como me los has dado... limpie la cache, acutalize la plantilla, tema y limpie la cache del navegador... y el resultado es: sigue igual ... aun hay esperanzas?

[Makoto]

instalo el estilo y lo mas pronto te digo si tiene solucion o no

[Tenshi]

esta bien... muchas gracias

[Alorse]

Hace poco aprobaron este MOD http://www.phpbb.com/customise/db/mod/p ... ion_width/ tal vez funcione.

[Tenshi]

no entiendo mucho.. ya lo instale correctamente, estoy haciendo los cambios en el archivo .css pero solo se expande a la derecha
alguna solucion?

este es el archivo donde estoy editando
styles/Simplicity/theme/resolutions/800.css

[Makoto]

Código: Seleccionar todo

#container {
	position: absolute;
	left: 50%;
	top: 150px;
	max-width: 950px;
min-width: 650px;
	margin: 0 auto;
	background: url({T_THEME_PATH}/images/bg_border.png) repeat-y transparent;
}

#inner {
	max-width: 900px;
min-width: 600px;

	padding: 0 25px 25px 5px;
}

es lo maximo que puede hacer u_U

[DaVidU]

en la versión de awesomesyles que es para la versión 3.0.7 de phpBB no aparece nada de ese "800.css" que nos comentas, es un añadido tuyo? que tienes las mismas etiquetas en "800.css" que en "common.css" ???

lo digo por que en ese archivo tan solo veo esto:

Código: Seleccionar todo

.postprofile, td#sidebar {
	width: 25%;
}

.postbody, td#forum-block {
	width: 73%;
}

con los cambios que te dice el compañero makoto sería una parte para modificar, después queda otra etiqueta importante que hace que se quede así el foro, es la etiqueta header con 1250px , cambiando el width y el margin-left:

Código: Seleccionar todo

#header {
	position: absolute;
	left: 50%;
	top: 0;
	width: 1250px;
	height: 150px;
	margin-left: -625px;
	background: url({T_THEME_PATH}/images/header.jpg) no-repeat;
}

por mucho que modifiquemos la otras sin esta no hacemos nada, lógicamente habría que modificar la imágen "header.jpg", después está la de lo de buscar (my_search), cambiando el posicionamiento del left en px:

Código: Seleccionar todo

#my_search {
	position: absolute;
	left: 950px;
	top: -5px;
	color: black;
}

tengo que decir que el autor del estilo se complico un poco bastante creando la estructura del foro con tanto margin y padding para cada etiqueta y tanta etiqueta

[Tenshi]

el cuadro de busqueda sale fuera de todo el contenido, se ve a la derecha y no me parece la idea. que debo modificar en el header.jpg para que funcione mejor?

[nextgen]

Yo en lo personal no veo el cuadro de busqueda

PD: Antes de continuar corrige el copyright de tu foro

Powered by phpBB ©

[Tenshi]

Yo en lo personal no veo el cuadro de busqueda

PD: Antes de continuar corrige el copyright de tu foro

Powered by phpBB ©

el copyright si está en el foro, se encuentra al final..
busca "Powered by phpBB ©" y lo encuentras.. además, tiene el link en "phpbb" hacia la pagina web oficial de phpbb

[nextgen]

El copyright no puede ser modificado... lo tendrías que tener de esta forma.

Powered by phpBB® Forum Software © phpBB Group con sus enlaces correspondientes al ígual que el copyright de la traducción.