Autor Zpráva
dalik
Profil
Zdravím,
řeším teďkom problém. Potřebuji, aby se mi obrázek roztáhnul na celý monitor(100% šířka) a zachoval proporce obrázku, při zmenšování. Normálně by to nebyl žádný problém a nastavil width:100% a height:auto, ale já mám obrázek v containeru, který má nastaven max-width:1170px.

HTML vypadá takhle:
<div class="container">
    <img  src="http://upload.wikimedia.org/wikipedia/commons/b/b4/Capture_of_Jerusalem_1917d.jpg" alt="">
    <img  src="http://upload.wikimedia.org/wikipedia/commons/b/b4/Capture_of_Jerusalem_1917d.jpg" alt="">
</div>

použil jsem position:absolute, aby to vzalo rozměry stránky a né containeru, to sice funguje výborně, ale pouze pro jeden obrázek. Jakmile přidám druhý, tak se překryje ten první. Ono je to teda logické, ale momentálně mě nenapadá, jak to vymyslet, aby to bylo pod sebou.

Zde je ukázka
Tomáš123
Profil
dalik:
Má nejaký špeciálny zmysel mať obrázok pri rozlíšení väčšom ako 1170px roztiahnutý na 100%? Ak nie bolo by lepšie absolútne poziciovanie vyhodiť a pokračovať obyčajným spôsobom.

V prípade nutnosti 100% šírky je lepšie obrázky vložiť priamo do <body> a horným vonkajším okrajom vhodne posunúť.
dalik
Profil
Tomáš123:
V prípade nutnosti 100% šírky je lepšie obrázky vložiť priamo do <body> a horným vonkajším okrajom vhodne posunúť.
Do <body> to dát nemůžu. Text a obrázky jsou vloženy z administrace RS do konkrétního místa.
Tomáš123
Profil
dalik:
Text a obrázky jsou vloženy z administrace RS do konkrétního místa.
A viete aspoň presnú výšku textu nad obrázkami? Ak sú iba dva, dal by sa každý z nich absolútne napoziciovať s udanými súradnicami left a top.
dalik
Profil
Všechno je dynamické, takže takhle to nepůjde.
Tomáš123
Profil
dalik:
Niečo také by malo spĺňať vaše predstavy.
dalik
Profil
Tomáš123:
Taky to ještě není úplně ono. Jelikož, když mezi to budu chtít dát text, tak se roztáhne taky do plné šíře.

V nejhorším případě si text obalím do containeru, ale bylo by fajn kdyby vás napadlo ještě něco jiného.

Vaše odpověď


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: