rikaschmitt

Galera tenho uma dúvida: existe como alinhar/ajustar uma imagem dentro de uma DIV que está setada com "overflow:hidden" ? Pois, se a DIV for 300x300 e a imagem for 400x300, a DIV vai "comer" 100px da largura da imagem.. e muitas vezes, a imagem aparecerá desalinhada.

Valeu Marlon. Vou dar umas testadas aqui.

Hm... O problema é quando a imagem é grande. Sempre vai sobrar para algum lado, seja altura ou largura.. isso que irrita. Não existe algum comando que ela preencha a div proporcionalmente E caso faltar espaço na altura\largura, ela ajusta para que fique tudo preenchido, mesmo sobrando em algum canto para preencher.

opa! vou experimentar essa "clip:rect" Então, não sei se funciono como esperava. Em alguns locais do site, funcionou. Eu coloquei " clip:rect(0px,30px,30px,0px); min-height:100%; " e a imagem fica grandona.. ela nao teria que se limitar aos 30 30?

Então. Não existe uma forma de fazer a imagem se auto-ajustar na largura e altura da div? Mesmo sobrando espaço.. Pois se eu regulo ela pela altura, algumas imagens mais curtas, ficam com um espaço em branco... Se eu regulo pela largura, algumas ficam com espaço em branco embaixo... :\

Rafael, sim. Já pensei nessas duas alternativas. O problema é que é um site onde essas imagens serão enviadas juntamente com o conteúdo, como anexo. Ou seja, a imagem pode vir em vários tamanhos.. (entretanto, somente aparecerá 300x300, que é a dimensão da div). Se eu setar um valor fixo de altura, vai que a imagem não tem tamanho suficiente e ela fique faltando espaço? Ou vice-versa? Talvez eu fique mesmo com a primeira "gambiarra", da position absolute...