[CSS] Height proporcjonalny do Width

[MaxGaming]

Problem jest taki:

Width obrazka to 100% width diva w którym się znajduje.

Teraz jak zrobić by Height był proporcjonalny do Width?

No bo jak wezmę np. 20% to weźmie 20% ale wysokości Diva.

Pomyślałem że muszę pobrać jakoś wartość width diva i od niego za pomocą Calc() wyliczyć height.

 

Tylko jak to zrobić?

Jak się nie da w czystym CSS to byłbym wdzięczny jeśli podacie rozwiazanie w czymś innym, bo domyślam się że to może wykraczać poza możliwości CSS.

[PsichiX]

pokaż swój plik css - najpewniej masz zepsute pozycjonowanie

[MaxGaming]

Ale jaki to ma związek? Ja pytam o sytuację teorytyczną bo ja nic nie mam o tym, bo nie mam pomysłu żadnego jak to zrobić. Chce, aby width i height były proporcjonalne przy czym width ma mieć 100% szerokości diva.

[PsichiX]

ah, height z zachowaniem aspect ratio do width - już rozumiem, oto rozwiązanie:

#image {
position: relative;
width: 100%;
height: auto;
}