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

Tomáš

(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

0 0

Líbí se: zatím nikdo

Nelíbí se: zatím nikdo

https://webtrh.cz/diskuse/css-vyska-vsetkych-stlpcov-100/#reply1084960

Default

(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

0 0

Líbí se: zatím nikdo

Nelíbí se: zatím nikdo

https://webtrh.cz/diskuse/css-vyska-vsetkych-stlpcov-100/#reply1084959

Lukáš Jurygáček

(26 hodnocení)

22. 1. 2015 16:29:20

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

0 0

Líbí se: zatím nikdo

Nelíbí se: zatím nikdo

https://webtrh.cz/diskuse/css-vyska-vsetkych-stlpcov-100/#reply1084958

Tomáš

(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

0 0

Líbí se: zatím nikdo

Nelíbí se: zatím nikdo

https://webtrh.cz/diskuse/css-vyska-vsetkych-stlpcov-100/#reply1084957

Lukáš Jurygáček

(26 hodnocení)

22. 1. 2015 17:52:17

Např. pokud se použije float, tak to nebude fungovat (myšleno na sloupce).

22. 1. 2015 17:52:17

0 0

Líbí se: zatím nikdo

Nelíbí se: zatím nikdo

https://webtrh.cz/diskuse/css-vyska-vsetkych-stlpcov-100/#reply1084956

Smazaný účet m5u2DKRief

(48 hodnocení)

22. 1. 2015 19:28:43

Flexbox. Záleží jaké prohlížeče chceš podporovat.

22. 1. 2015 19:28:43

0 0

Líbí se: zatím nikdo

Nelíbí se: zatím nikdo

https://webtrh.cz/diskuse/css-vyska-vsetkych-stlpcov-100/#reply1084955

rak.marius

(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

0 0

Líbí se: zatím nikdo

Nelíbí se: zatím nikdo

https://webtrh.cz/diskuse/css-vyska-vsetkych-stlpcov-100/#reply1084954

Smazaný účet m5u2DKRief

(48 hodnocení)

22. 1. 2015 23:24:31

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

0 0

Líbí se: zatím nikdo

Nelíbí se: zatím nikdo

https://webtrh.cz/diskuse/css-vyska-vsetkych-stlpcov-100/#reply1084953

Tomáš

(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

0 0

Líbí se: zatím nikdo

Nelíbí se: zatím nikdo

https://webtrh.cz/diskuse/css-vyska-vsetkych-stlpcov-100/#reply1084952

Pro odpověď se přihlašte.

Přihlásit