Como criar uma imagem com widht 100% e height automático

[Felipe Dmac 0]

Quando coloco uma imagem com widht em 100% não tenho como saber o tamanho de height da imagem em uma div, dai ele fica quebrado pois a imagem passa do height padrão

 

Coloquei height de 480px mas dependendo do tamanho do monitor ele fica quebrado pois mostra somente uma parte da imagem

 

 

<div class="pics" id="slideshow" style="height:480px; overflow:hidden;" >
<img src="img/fts_topo/01.jpg" width="100%" />
<img src="img/fts_topo/02.jpg" width="100%" />
<img src="img/fts_topo/03.jpg" width="100%" />
<img src="img/fts_topo/04.jpg" width="100%" />
</div>

 

Se alguém puder me dar um auxilio!

[Diéssica 140]

Por que definiu o height se quer que ele seja automático?

[gustavopinent 0]

Não sei se entendi exatamente a necessidade. Se você colocar height:auto ele vai redimensionar, mas aí o overflow:hidden perde o efeito. Se você colocar max-height ao invés de height ele vai redimensionar até o limite estipulado (Ex.: max-height:512px), mas você tem que ter uma noção do maior bitmap que vai entrar, senão vai cortar.

[Felipe Dmac 0]

Se colocar o height auto ele fica sobrepondo o conteúdo, eu utilizo o jCycle e faço uma animação em 100% de widht na tela, mas o height não se adapta, queria saber como fazer com que o conteúdo se move-se conforme o tamanho da primeira imagem em widht 100%

[Gerciley 14]

um Position:Relative na div pai que está abrigando esta imagem e um position:Absolute na imagem não resolve?