CSS výška sloupců

verified

(39 hodnocení)

11. 9. 2013 10:41:33

Zdravím,

mám dotaz. A asi je docela základní ohledně css, ale bohužel si s ní nevím rady.

Příklad je na http://port2.altercom.de/css.html .

Jak docílit, aby všechny tři sloupce byly stejně vysoké podle toho nejvyššího?

Děkuji a přeji hezký den

11. 9. 2013 10:41:33

0 0

Líbí se: zatím nikdo

Nelíbí se: zatím nikdo

https://webtrh.cz/diskuse/css-vyska-sloupcu/#reply943443

Miloslav Lešetický

verified

(10 hodnocení)

11. 9. 2013 10:43:47

Na pozadí bloku #con umístit obrázek simulující jednotlivé sloupce (opakovaný v ose Y). Přidat mu vlastnost overflow:hidden.

To je asi nejrychlejší a nejjednodušší řešení. Viz praktická ukázka: http://klient.plavacek.net/stejne-vysoke-sloupce/

11. 9. 2013 10:43:47

0 0

Líbí se: zatím nikdo

Nelíbí se: zatím nikdo

https://webtrh.cz/diskuse/css-vyska-sloupcu/#reply943442

verified

(39 hodnocení)

11. 9. 2013 10:48:27

Napsal Plaváček;996902
Na pozadí bloku #con umístit obrázek simulující jednotlivé sloupce (opakovaný v ose Y). Přidat mu vlastnost overflow:hidden.
To je asi nejrychlejší a nejjednodušší řešení. Viz praktická ukázka: http://klient.plavacek.net/stejne-vysoke-sloupce/

Děkuji, toto řešení jsem dosud využíval, bohužel teď jsem se dostal k situaci kde to není možné (kulaté rohy, přechody v pozadí atd...).

11. 9. 2013 10:48:27

0 0

Líbí se: zatím nikdo

Nelíbí se: zatím nikdo

https://webtrh.cz/diskuse/css-vyska-sloupcu/#reply943441

Miloslav Lešetický

verified

(10 hodnocení)

11. 9. 2013 10:52:01

Pak zkus tohle řešení: http://www.pixy.cz/blogg/clanky/css-3col-layout/

11. 9. 2013 10:52:01

0 0

Líbí se: zatím nikdo

Nelíbí se: zatím nikdo

https://webtrh.cz/diskuse/css-vyska-sloupcu/#reply943440

verified

11. 9. 2013 11:02:52

Mě napadlo - http://d.pr/i/aE2D

Zruš floaty, a na kažadý div nastav display:table-cell a na rodičovský prvek display:table

11. 9. 2013 11:02:52

0 0

Líbí se: zatím nikdo

Nelíbí se: zatím nikdo

https://webtrh.cz/diskuse/css-vyska-sloupcu/#reply943439

verified

(20 hodnocení)

11. 9. 2013 20:41:45

Přes JS počítej výšku následujícího sloupce.

11. 9. 2013 20:41:45

0 0

Líbí se: zatím nikdo

Nelíbí se: zatím nikdo

https://webtrh.cz/diskuse/css-vyska-sloupcu/#reply943438

Milan Šťovíček

verified

11. 9. 2013 20:55:13

http://jsfiddle.net/egs5S/1/

kde uvedenych +-200px je "naraznik" - pokud se vyska sloupcu lisi o mene nez 200px, budou vsechny vypadat stejne vysoke (pripadne si dosadte jine/vetsi cislo).

Misto clear: both divu na konci bych pouzil tridu clearfix (google: css clearfix) vizte priklad.

edit: nezapomente na

u obalovaciho elementu.

11. 9. 2013 20:55:13

0 0

Líbí se: zatím nikdo

Nelíbí se: zatím nikdo

https://webtrh.cz/diskuse/css-vyska-sloupcu/#reply943437

Smazaný účet m5u2DKRief

verified

(48 hodnocení)

11. 9. 2013 20:57:49

Ne, mnohem lepší je pouze overflow: hidden pro rodičovský prvek pokud nemusí nic přesahovat. To už psal Brzda.

11. 9. 2013 20:57:49

0 0

Líbí se: zatím nikdo

Nelíbí se: zatím nikdo

https://webtrh.cz/diskuse/css-vyska-sloupcu/#reply943436

Pro odpověď se přihlašte.

Prodej Více

Dispecink.cz | DomenovyKral.cz – 1300+ prémiových domén k prodeji, pronájmu – od 500 Kč/měs.

69 500 Kč

0 příhozů

Blowjobs.cz – tematická doména pro segment 18+

14 990 Kč

0 příhozů

SexRoom.cz | DomenovyKral.cz – 1300+ prémiových domén k prodeji, pronájmu – od 500 Kč/měs.

99 000 Kč

0 příhozů

Diskretni.cz | DomenovyKral.cz – 1300+ prémiových domén k prodeji, pronájmu – od 500 Kč/měs.

19 000 Kč

0 příhozů

20 000 Kč

0 příhozů

Poptávky Více

Poptávka: Vánoční rodinné focení v Praze

Poptávka fotografa na křtiny dnes ve Slatinicích

Studio pro akrobatický kruh v Praze

Poptávka mentoringu: focení ve fotostudiu a práce se světly

Hledám prostor k investici – Nabídka podnikatelské půjčky (50 – 100 tisíc)

Pracovní nabídky Více

Vedoucí IT (CTO)

HĽADÁME IDM / IAM ŠPECIALISTU – MidPoint!

70 000 - 90 000 Kč

Atlassian Consultant (Junior/Medior)

Marketing + budování e-shopu – Boskovice, Blansko a okolí

30 000 - 50 000 Kč

Nabídky Více

[OpenServis] Rychlá tvorba e-shopu na PrestaShopu – základ do 5 prac. dní, od 10 000 Kč

Grafický design, weby & vizuální identity

Kaminky.eu – prodej e-shopu i s doménou

Dlhodobý prenájom áut – pre firmy, živnostníkov aj súkromné osoby

Audit Google Ads a Skliku před Black Friday ZDARMA: kampaně, feed a měření, výsledky do 48 hodin