Autor Zpráva
TomiKplus
Profil *
Zdavím všechny a prosím o radu.

Mám obrázek - lkterý má pevnou šířku:

<img style = "width:530px" src = "../grafika/foto1.jpg" alt = "Foto č.1">


a mám jeden div:

<div style = "width:530px; background-color:black; height:80px;"></div>


Potřeboval bych ten div nějak absolutně napozicovat, aby překrýval ten obrázek v dolní části. Problém je, že ten obrázek má proměnnou výšku. Poradíte?
Camo
Profil
TomiKplus:
Snáď sa to bude dať tak, že ten obrázok obalíš divom a ten druhý div napozicuješ v tom prvom dive na spodok.
TomiKplus
Profil *
To jsem chtěl, ale ta fotka má různou výšku.
TomiKplus
Profil *
aha tak jsem to vyřešil normálně
position: relative; top: -80px;
předtim jsem měl chybu v kodu
Bubák
Profil
TomiKplus:
tak jsem to vyřešil normálně
position: relative; top: -80px;
Pozicování není normální řešení, budeš mít pod obrázkem 80px vysoký nevyužitelný prostor. Normální řešení je záporný margin:
<img src=obrazek.png style="vertical-align: top; ">
<div style="margin-top: 2.5em; background: lime; position: relative;">Text</div>

Pokud nepotřebuješ pod textem pozadí, můžeš vyhodit i relativní pozici DIVu, je tam jen kvůli z-indexu.
vertical-align: top; deklaruji kvůli mezeře pod obrázkem, takhle dostanu podobnější výsledek napříč prohlížeči a vykreslovacími režimy, pokud to pro tebe není důležité, můžeš vynechat.
Camo
Profil
Ja som samozrejme myslel position:absolute, nie relative a tým sa vyhneš aj z indexu.

Bubák:
Záporný margin je podľa teba čistejší, ako pozicovanie?
panther
Profil
Camo:
Záporný margin je podľa teba čistejší, ako pozicovanie?
to nikdo neříká.

Kdybys četl pořádně, co Bubák píše, věděl bys, že s relativním pozicováním „budeš mít pod obrázkem 80px vysoký nevyužitelný prostor.“.
Camo
Profil
No veď to ja viem a pýsal som o abs. poz., ale to zase treba prečítať čo som písal ja.
panther
Profil
Camo:
a pýsal som o abs. poz.
to jsi sice pýsal, ale to je zbytečný div navíc. Bubákovo řešení si vystačí s tím, co je již na stránce, nepotřebuje nové elementy.
Camo
Profil
To je pravda.
Pýtal som sa preto, že neviem, akú má záporný margin podporu v prehliadačoch a ako to s ním vyzerá do budúcna.
panther
Profil
Camo:
akú má záporný margin podporu v prehliadačoch
funguje jako kterákoliv jiná hodnota marginu. Nejsou s ním problémy.

a ako to s ním vyzerá do budúcna.
budoucnost je nejistá, ale margin snad nikdo nezruší. A záporné hodnoty nejsou zakázány, není tedy důvod, aby nefungovaly.
Camo
Profil
Vďaka!

Vaše odpověď

Mohlo by se hodit


Prosím používejte diakritiku a interpunkci.

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