Sobre la resolucion

[avalanch6]

Hola a todos, tengo varias webs instaladas con un ADK portal y un foro SMF.

version adkportal 2.1.1
version SMF: 2.0.3

Ejemplo de la web: www.reiromorir.es

El problema es a nivel de resolucion de pantalla. En resoluciones muy altas se ven perfectamente pero en una resolucion como la que estoy ahora 1024x768, se ve bastante descuadrada la pagina. En ipad y tablets pues peor aun. Esa resolucion no es muy comun pero hay mucha gente que aun la utiliza.

El marco derecho del portal por ejemplo se sale completamente y arriba en la barra con todas las opciones, las dos ultimas (usuarios y salir) se pasan a una segunda fila que si no pones el cursor encima ni siquiera aparecen.

¿Hay alguna forma de solucionar esto para gente que no pueda poner una resolucion de pantalla mayor?

Un saludo y muchas gracias.

[^HeRaCLeS^]

El tema del portal es por los tamaños de imagenes que carga en los bloques centrales.
Las imagenes son con medidas fijas, y por mas que achiques el espacio de tu web siguen teniendo el mismo tamaño, por lo tanto rompen el diseño.
Solucion: No poner imagenes demaciado grandes en los bloques centrales y no poner dos o tres imagenes una al lado de la otra en el mismo bloque.

Con respecto a lo de los botones, pues depende de la cantidad de botones que tengas en tu sitio. Eso se podria editar y juntar algunos botones para hacer un menu desplegable y que no se bajen.

[Dhayzon]

eso es facil de resolver

con css

simplemente se coloca

#adk_block_16 img {
width: 100%;
}

o tambien

#adk_block_16 img {
max-width: 150px;
}

[^HeRaCLeS^]

dhayzon Eso pondra cualquier imagen del bloque en ese tamaño, incluso emoticones, avatares, etc... y solo funcionaria para el bloque 16

[MorderBR]

Estuve revisando tu css de tu pagina(perdón) y tiene varios errores de padding, la mayoria se arregla si pones el div#wrapper a 100%.
Un padding que mas afecta es el que está en la div.roundframe es este: padding: 0 10px;
Otros que afectan estan dentro de <td id="adk_left"... y <td id="adk_right"...
Sugiero que los quites y que no uses un mayor de 140px de ancho a los lados.
Y si sigues teniendo problemas, te sugiero que te cambies a simpleportal, su diseño es más ajustable

Oh si, lo olvidé, la clase roundframe, si la modificas, podría afectar otras cosas de tu foro y podrían quedar desfasadas

[Dhayzon]

dhayzon Eso pondra cualquier imagen del bloque en ese tamaño, incluso emoticones, avatares, etc... y solo funcionaria para el bloque 16

hola HeRaCLes 

al agregar un max-width: 150px; no afecta a ningunicono ni imagenes q superen los 150px solo afectala a imagenes mayores a esa resolucion

ademas  el podria agragar eso a bloques especificos ademas podria  usar el % que es mucho mejor

si uno aplica solo un width: 150px ahi si tendriamos problemas  por que   eso le pondría un valor unico a toda las imagenes q se encuentra en ese bloque

bueno
MorderBR ya  mas omenos  sabra como solucionar eso en mejor trabajar con % q px 

[Dhayzon]

ahora ya revise mas a fondo  tu  foro  veo q ami parecer esta todo perfecto to el unico problema es q cuando tu colocas una imagen muy grande   descuadra todo ya q no tienes habilitado el scroll

esta es la imagen q malogra todo
http://i1087.photobucket.com/albums/j467/evildemonaorhard/evildemonhardrockaor/NoTeComesUnaRoscaPoloDeLimon7.jpg mira si colocas esto alfinal de tu index css
veras q cuando cambia de resolucion tu pantalla   tus imagenes tambien cambiaran de tamaño y no se descuadrara nada

intentalo

#adkportal_center img {
max-width: 100%;
}

a y te recomiendo el
SimplePortal 2.3.5  q es el mejor de todo los portales

[avalanch6]

gracias a todos por la ayuda!