Zadejte hledaný výraz...

CSS – výška všetkých stĺpcov 100

Tomáš
verified
rating uzivatele
(27 hodnocení)
22. 1. 2015 15:56:09
Zdravím,
vedel by mi niekto poradiť s týmto problémom - ukážka na jsfiddle.net.
Potrebujem, aby tie stĺpce boli vždy rovnako vysoké, avšak nevyhovujú mi riešenia, ktoré som našiel na webe:
- farba/obrázok na pozadie na celú výšku rodičovského div-u
- rôzne position absolute left a záporné marginy a neviem čo ešte
Pozná niekto iné riešenie tohto problému?
Ďakujem.
22. 1. 2015 15:56:09
https://webtrh.cz/diskuse/css-vyska-vsetkych-stlpcov-100#reply1084960
Default
verified
rating uzivatele
(94 hodnocení)
22. 1. 2015 16:11:10
Další možnost mě napadá - ale přes javascript. Zjistí nejvyšší sloupec a nastaví to i ostatním. Zřejmě hledáte řešení jen v CSS
22. 1. 2015 16:11:10
https://webtrh.cz/diskuse/css-vyska-vsetkych-stlpcov-100#reply1084959
Tady to máš, doufám, že se ti to zobrazí, nevím teď přesně, jak funguje JSFiddle :D
http://jsfiddle.net/erefdnuo/2/
22. 1. 2015 16:29:20
https://webtrh.cz/diskuse/css-vyska-vsetkych-stlpcov-100#reply1084958
Tomáš
verified
rating uzivatele
(27 hodnocení)
22. 1. 2015 17:25:30
Ďakujem za pomoc, vyzerá to byť vhodné riešenie. Uvidíme, ako sa mi to podarí implementovať do webu, keďže som takéto podobné riešenie už skúšal, no nefungovalo to. No tak to vyzerá, že bude chyba niekde vo webe, nejaká iná CSS vlastnosť to tam kazí.... no nejako to už vyriešim, ešte raz vďaka.
22. 1. 2015 17:25:30
https://webtrh.cz/diskuse/css-vyska-vsetkych-stlpcov-100#reply1084957
Např. pokud se použije float, tak to nebude fungovat (myšleno na sloupce).
22. 1. 2015 17:52:17
https://webtrh.cz/diskuse/css-vyska-vsetkych-stlpcov-100#reply1084956
Flexbox. Záleží jaké prohlížeče chceš podporovat.
22. 1. 2015 19:28:43
https://webtrh.cz/diskuse/css-vyska-vsetkych-stlpcov-100#reply1084955
rak.marius
verified
rating uzivatele
(7 hodnocení)
22. 1. 2015 19:42:49
Je nejaká verzia prehliadača taká, že ju ešte treba podporovať a prehliadač nepodporuje flexbox?
22. 1. 2015 19:42:49
https://webtrh.cz/diskuse/css-vyska-vsetkych-stlpcov-100#reply1084954
Napsal rak.marius;1160789
Je nejaká verzia prehliadača taká, že ju ešte treba podporovať a prehliadač nepodporuje flexbox?
Co je treba podporovat je vždy relativní. Někdy je to i IE8, někdy pak už jen IE9. Ani jeden flexbox nezná.
22. 1. 2015 23:24:31
https://webtrh.cz/diskuse/css-vyska-vsetkych-stlpcov-100#reply1084953
Tomáš
verified
rating uzivatele
(27 hodnocení)
3. 2. 2015 11:15:31
Napsal Ondřej Veřtát;1160787
Flexbox. Záleží jaké prohlížeče chceš podporovat.
Flexbox je super, aj keď problém v ňom je, že keď chcem mať v tom stĺpci nejaký objekt a tomu nastaviť 100% výšku, tak má objekt výšku 0, keďže 100% z výšky stĺpca, ktorý je súčasťou flexboxu, nechce fungovať... a neviem ako s tým vybabrať, našiel som akurát tak riešenie s použitím position: absolute pre daný objekt, no také riešenie mi nevyhovuje...
3. 2. 2015 11:15:31
https://webtrh.cz/diskuse/css-vyska-vsetkych-stlpcov-100#reply1084952
Pro odpověď se přihlašte.
Přihlásit