Autor | Zpráva | ||
---|---|---|---|
Vilak Profil |
#1 · Zasláno: 2. 5. 2016, 22:59:50
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 |
#2 · Zasláno: 3. 5. 2016, 18:20:34
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ť clear ovaní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čí. |
||
Časová prodleva: 9 let
|
0