Test Foro de elhacker.net SMF 2.1

este fichero
http://foro.elhacker.net/Themes/converted/css/style.css

tiene una información de estilo que aplica a la imagen de los avatares.

cuando la imagen esta dentro de un div con overflow=scroll, y las medidas del div y de la imagen coinciden o se acercan demasiado, en chrome no queda bien; se generan unas molestas barras de desplazamiento para la mayoria de avatares de los usuarios:


arregladlo de un plumazo añadiendo esta simple linea a ese css:

.avatar{width:99% !important;height:auto !important}
div.smalltext{overflow:hidden !important}

eso dejará unos avatares que aprovecharán todo el ancho disponible, pero nunca generarán scrollbars. y en el caso que el avatar sea mucho mas alto que largo, sencillamente se hara clipping de la parte de abajo del avatar, para que no desbarajuste el layout del foro.



creo que todos los usuarios de chrome lo agradeceremos visualmente! :)

saludos,
A

EDITO: he cambiado la explicacion para no hacerla tan liosa xD

eso también pasa en Opera :P

Cita de: LunaHAck en 13 Febrero 2013, 01:03 AM
eso también pasa en Opera :P

no es ningun secreto que algunos navegadores, todo lo que tienen de bueno por un lado, lo tienen de "imperfecto" por el otro.

y creo que chrome y opera son dos ejemplos.

realmente el tema de tener que forzar el "99%" en muchos de los elementos de la maquetacion es algo que nos tiene de cabeza a todos los que desarrollamos sitios webs a varios niveles.

Igual mas que problema de navegador, creo que esto es problema de SMF :B

Es como el tema 2.0 que se descuadra entero

Cita de: jdc en 13 Febrero 2013, 02:17 AM
Es como el tema 2.0 que se descuadra entero

bueno, no es nada que no se pueda arreglar eh...
lo que pasa es que hace falta cierto conocimiento y un poco de ganas.
y no veas qué pereza dá depurar una hoja de estilo de un template xDDD

Es por el alineado del cajón nada más, hay que ponerle un tamaño fijo

Cita de: jdc en 13 Febrero 2013, 03:06 AM
Es por el alineado del cajón nada más, hay que ponerle un tamaño fijo

fijo lo tiene. pero hereda el scroll de no-se-donde. que a la practica es como no tenerlo fijo.
las imagenes, una vez dentro, crecen y se desbordan.
ademas, el puto chrome es asi de majo, si haces un cajon de Xpx, con oveflow auto, y mete suna imagen cuya longitud maxima es Xpx, te regala un scrollbar que es de lo mas WTF.

solo por un pixel arriba/abajo.

de ahi que usemos normalmente el 99% para resolverlo.