Foro de elhacker.net

Foros Generales => Sugerencias y dudas sobre el Foro => Mensaje iniciado por: alister en 13 Febrero 2013, 00:37 am



Título: chrome: avatares que se desbordan + solución
Publicado por: alister en 13 Febrero 2013, 00:37 am
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:

(http://img221.imageshack.us/img221/3707/capturadepantallade2013m.png)

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

Código
  1. .avatar{width:99% !important;height:auto !important}
  2. 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.

(http://img17.imageshack.us/img17/1254/capturadepantallade2013x.png)


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

saludos,
A

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


Título: Re: chrome: avatares que se desbordan + solución
Publicado por: Luna71c0 en 13 Febrero 2013, 01:03 am
eso también pasa en Opera :P


Título: Re: chrome: avatares que se desbordan + solución
Publicado por: alister en 13 Febrero 2013, 01:07 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.


Título: Re: chrome: avatares que se desbordan + solución
Publicado por: Luna71c0 en 13 Febrero 2013, 01:38 am
Igual mas que problema de navegador, creo que esto es problema de SMF :B


Título: Re: chrome: avatares que se desbordan + solución
Publicado por: jdc en 13 Febrero 2013, 02:17 am
Es como el tema 2.0 que se descuadra entero


Título: Re: chrome: avatares que se desbordan + solución
Publicado por: alister en 13 Febrero 2013, 02:23 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


Título: Re: chrome: avatares que se desbordan + solución
Publicado por: 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


Título: Re: chrome: avatares que se desbordan + solución
Publicado por: alister en 13 Febrero 2013, 03:23 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.