Autor Zpráva
Vilak
Profil
Zdarec. Mám div header s proměnlivou výškou (nemám ji zadanou) a v něm mám div, po kterém chci, aby měl stejnou výšku jako header. Jak to mám udělat?
Code:
<!-- HTML -->
<div id="header">
    <div class="header_img">
        <img src="../esport/img/lol.jpg" alt="Něco">
    </div>
    <!-- něco málo dál pokračuje... -->
</div>

<!-- CSS -->
#header {width: 100%; float: left; background: #000;}
.header_img {width: 33.3%; float: left;}

Žádné height: 100% nefunguje.

Jde mi o to, abych měl div "header_img" v divu "header" tak, aby měli stejnou velikost. Chci tam pak totiž vycentrovat obrázek (vertikálně).
Tomáš123
Profil
Vilak:
Nešlo by ten obrázok dať na pozadie divu#header a nastaviť #header { padding-top: výška obrázku }? Príde mi, že aj tak by plnil rovankú úlohu...

Za normálnych okolností vnorený prvok rozťahuje rodiča. Akonáhle prvok vyčleníš z toku dokumentu, rodiča neovplyvňuje. V prípade obtekania ide tomuto správaniu zabrániť clearovaním. Keďže ale potrebuješ obrázok vertikálne centrovať v prvku (teda v určitých prípadoch časťou prekryť pokračujúci obsah, ktorý si naznačil v komentári) a nepoznáš žiadne potrebné hodnoty (výšku pokračujúceho obsahu, výšku hlavičky), s neistotou vyslovujem, že požiadavka nie je splniteľná za použitia výlučne HTML a CSS.

Budem rád, keď ma niekto poučí.

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: