chrome: avatares que se desbordan + solución

[alister]

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:

Código (css) [Seleccionar] Expandir

.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

[Luna71c0]

eso también pasa en Opera

[alister]

eso también pasa en Opera

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.

[Luna71c0]

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

[jdc]

Es como el tema 2.0 que se descuadra entero

[alister]

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

[jdc]

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

[alister]

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.