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

verified

(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

verified

(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

Lukáš Jurygáček

verified

(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

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

verified

(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

Lukáš Jurygáček

verified

(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

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

Smazaný účet m5u2DKRief

verified

(48 hodnocení)

22. 1. 2015 19:28:43

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

verified

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

Smazaný účet m5u2DKRief

verified

(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

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

verified

(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.

Prodej Více

Leginy.cz na prodej – zavedený e-shop s 12letou historií

750 000 Kč

0 příhozů

Domény Overaly.cz a Overaly.sk na prodej!

35 000 Kč

0 příhozů

Doména Komplety.cz na prodej – ideální pro outfity

10 000 Kč

0 příhozů

CS16.cz | Server site Counter-Strike 1.6

1 900 Kč

0 příhozů

SLEVA !!! – Provizní /affiliate/ weby lvíček.eu a odjezd.eu, včetně hostingu, https a emailů, lze i jednotlivě

6 500 Kč

0 příhozů

Poptávky Více

Funkce pro Bluetooth komunikaci (Android)

ZKUŠENÝ A RYCHLÝ VIDEO-EDITOR

Nasazení reklam před Google ADmanager

Rychlé nastartování stránky ve vyhledávačích SPĚCHÁ

Rychlé nastartování stránky ve vyhledávačích SPĚCHÁ

Pracovní nabídky Více

Analytik pro migrace a rozvoj produktů

75 000 - 95 000 Kč

Výkonná asistentka – FULL REMOTE

Produktový manažer pro B2B online služby

60 000 - 120 000 Kč

Infrastructure Engineer

Brno, Práce z domu

80 000 - 100 000 Kč

Nabídky Více

👉 Tvorba webů WordPress 👈 RYCHLE a LEVNĚ 📌

👉 Profi web, který si můžete dovolit 👈 – rychle, kvalitně a za fér cenu! 💻

Zkušený DevOps inženýr

🔥 Profesionální weby a marketing za nejlepší ceny v Evropě! 🔥

🌐PPC reklama & sociální sítě pro firmy, živnostníky a e-shopy za rozumnou cenu (Online marketérka, Praha)🎯