HTML zarovnanie obrázkov

Programovacie jazyky, rady, poradňa...
Skyer
Light Star
Light Star
Príspevky: 231
Registrovaný: 30 mar 2010, 15:41
Bydlisko: Bratislava

HTML zarovnanie obrázkov

Príspevok od používateľa Skyer »

Dobrý deň,
potreboval by som pomoc so zarovnaním obrázkov v Html. Potreboval by som zarovnať obrázok na spodok DIV objektu, pričom tento objekt má určený artibut min-heigh. Zdroj:

<div id="1" style="width: 1000px; min-heigh: 1000px;">
text text text
<img src=".." align="bottom" />
</div>

Nech sa snažím akokoľvek, obrázok sa mi vždy zarovná len do rovnakého riadku, pričom align left, right, a middle fungujú.
Pozn: ak má text DIVU väčší obsah, všetko samozrejme funguje tak ako má, obrázok je na spodu. Ja ale potrebujem aby bol tento obrázok dole aj v prípade, že je text menší ako minimálna výška.

Ďakujem, S.
sharky-no
King
King
Používateľov profilový obrázok
Príspevky: 1681
Registrovaný: 31 okt 2006, 19:53

Re: HTML zarovnanie obrázkov

Príspevok od používateľa sharky-no »

rieseni je asi viac,
ja by som to riesil takto:

Kód: Vybrať všetko

<div id="1" style="width: 1000px; min-height: 1000px;" >
<div id="TvojText" style="height:800px">text text</div>
<div id="obrazok" style="height:200px"><img ... /></div>
</div>
podstata je urcis aku vysku ma mat div s textom a aku div s obrazkom..
uzivatel to rozdelenie samozrejme neuvidi

ale toto riesenie nie je najlepsie, mas tam to min-height. cize sa ti to moze aj zvacsit predpokladam nie? v tom pripade napevno urcit velkost divu s obrazkom abo textom nie je dobre.. lepsie by to bolo cez percenta
audiotrack
VIP
VIP
Používateľov profilový obrázok
Príspevky: 25958
Registrovaný: 09 sep 2005, 18:39
Kontaktovať používateľa:

Re: HTML zarovnanie obrázkov

Príspevok od používateľa audiotrack »

min-height nie je podporované u MSIE. Je viacero hackov ako to spraviť, napríklad pomocou _underscore hacku alebo !important -u. Všetky možné variácie nájdeš cez google zadaním min-height hack
Skyer
Light Star
Light Star
Príspevky: 231
Registrovaný: 30 mar 2010, 15:41
Bydlisko: Bratislava

Re: HTML zarovnanie obrázkov

Príspevok od používateľa Skyer »

Sharky-no: Ďakujem za odpoved, rozdelenie objektu som mal pripravené ako záložné riešenie, no Váš návrh svojou efektivitou ešte predčuje moje očakávanie - teda ho využijem, ďakujem.
Audiotrack: Ďakujem za upozornenie, určite sa pokúsim vysporiadať aj s týmto problémom.
Napísať odpoveď