| 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ť 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čí. |
||
|
Časová prodleva: 10 let
|
|||
0