Autor Zpráva
Haluza
Profil
Dobrý den,

chtěl bych se zeptat, mám div a v něm dva divy vedle sebe (float left a right). Je nějak možné, aby jejich velikost (výška) byla vždy stejná bez ohledu na to, kolik toho v nich je? Prostě když je v jednom více textu než ve druhém, tak aby ten druhý byl stejně vysoký.

Děkuji.
Nox_lbc
Profil
a co na to Google?

Krok 1: http://www.google.cz/search?hl=cs&q=stejn%C4%9B+vysok%C3%A9+divy&btnG= Vyhledat+Googlem&lr=lang_cs

Krok 2.1: http://llook.wz.cz/weblog/spot/layout-se-stejnou-vyskou-sloupcu.php
Krok 2.2: http://wellstyled.com/css-2col-fluid-layout.html

Krok 3: Číst!
Railbot
Profil
Haluza
No, dá se to přes javascript, ale o mnoho elegantnější řešení je dát jejich obalu (divu) na pozadí obrázek, který se bude opakovat. Bude to simulovat, že jsou sloupce vždy stejně dlouhé.
Gappa
Profil
Ne vždy je řešení s faux-columns použitelné, na JS řešení není nic špatného, pokud jenom webovou prezentaci vylepšuje a bez něj je plně funkční.

Nebo existuje řešení přes display: table/row/table-cell, ale to nepodporuje hádejte který prohlížeč :)
habendorf
Profil
Ne vždy je řešení s faux-columns použitelné

Kdypak?

Existují i další minimálně dvě řešení, ale background je nejlepší.
Gappa
Profil
Kdypak?

Tak teď jsem si asi naběhnul - už dloooouho jsem neviděl případ, že by to nešlo a nepamatuji se, o co šlo - ale je dosti možné, že tenkrát to bylo způsobeno nedostatkem zkušenosti :)
habendorf
Profil
Gappa: No právě :o) Mám za sebou zhruba 200 komerčních projektů a ještě se mi nestalo, že by to nešlo.
Prince
Profil *
naco java script vsak to jednoduchu urob cez css
Toto téma je uzamčeno. Odpověď nelze zaslat.