elhacker.net cabecera Bienvenido(a), Visitante. Por favor Ingresar o Registrarse
¿Perdiste tu email de activación?.

 

 


Tema destacado: Tutorial básico de Quickjs


+  Foro de elhacker.net
|-+  Foros Generales
| |-+  Sugerencias y dudas sobre el Foro (Moderador: el-brujo)
| | |-+  chrome: avatares que se desbordan + solución
0 Usuarios y 1 Visitante están viendo este tema.
Páginas: [1] Ir Abajo Respuesta Imprimir
Autor Tema: chrome: avatares que se desbordan + solución  (Leído 3,861 veces)
alister


Desconectado Desconectado

Mensajes: 513


Ver Perfil
chrome: avatares que se desbordan + solución
« 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:


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.



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

saludos,
A

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


« Última modificación: 13 Febrero 2013, 01:05 am por alist3r » En línea

Back 2 business!
Luna71c0


Desconectado Desconectado

Mensajes: 541


El lado oscuro de la luna...


Ver Perfil
Re: chrome: avatares que se desbordan + solución
« Respuesta #1 en: 13 Febrero 2013, 01:03 am »

eso también pasa en Opera :P


En línea


Citar
Un pequeño paso para el programador....
Un gran paso para el hacker...

...]LunaHAck[...


i'm the "Luna71c0"
alister


Desconectado Desconectado

Mensajes: 513


Ver Perfil
Re: chrome: avatares que se desbordan + solución
« Respuesta #2 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.
En línea

Back 2 business!
Luna71c0


Desconectado Desconectado

Mensajes: 541


El lado oscuro de la luna...


Ver Perfil
Re: chrome: avatares que se desbordan + solución
« Respuesta #3 en: 13 Febrero 2013, 01:38 am »

Igual mas que problema de navegador, creo que esto es problema de SMF :B
En línea


Citar
Un pequeño paso para el programador....
Un gran paso para el hacker...

...]LunaHAck[...


i'm the "Luna71c0"
jdc


Desconectado Desconectado

Mensajes: 3.406


Ver Perfil WWW
Re: chrome: avatares que se desbordan + solución
« Respuesta #4 en: 13 Febrero 2013, 02:17 am »

Es como el tema 2.0 que se descuadra entero
En línea

alister


Desconectado Desconectado

Mensajes: 513


Ver Perfil
Re: chrome: avatares que se desbordan + solución
« Respuesta #5 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
En línea

Back 2 business!
jdc


Desconectado Desconectado

Mensajes: 3.406


Ver Perfil WWW
Re: chrome: avatares que se desbordan + solución
« Respuesta #6 en: 13 Febrero 2013, 03:06 am »

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

alister


Desconectado Desconectado

Mensajes: 513


Ver Perfil
Re: chrome: avatares que se desbordan + solución
« Respuesta #7 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.
En línea

Back 2 business!
Páginas: [1] Ir Arriba Respuesta Imprimir 

Ir a:  

WAP2 - Aviso Legal - Powered by SMF 1.1.21 | SMF © 2006-2008, Simple Machines