Skocz do zawartości
MaxGaming

[CSS] Height proporcjonalny do Width

Rekomendowane odpowiedzi

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.

Udostępnij tego posta


Odnośnik do posta
Udostępnij na innych stronach

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

Udostępnij tego posta


Odnośnik do posta
Udostępnij na innych stronach

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.

Udostępnij tego posta


Odnośnik do posta
Udostępnij na innych stronach

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

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

Udostępnij tego posta


Odnośnik do posta
Udostępnij na innych stronach

Jeśli chcesz dodać odpowiedź, zaloguj się lub zarejestruj nowe konto

Tylko zarejestrowani użytkownicy mogą komentować zawartość tej strony.

Zarejestruj nowe konto

Załóż nowe konto. To bardzo proste!

Zarejestruj się

Zaloguj się

Posiadasz już konto? Zaloguj się tutaj.

Zaloguj się tutaj

  • Przeglądający   0 użytkowników

    Brak zarejestrowanych użytkowników, przeglądających tę stronę.

×