NOVINKA! E-learningové kurzy umělé inteligence. Nyní AI za nejlepší ceny. Zjisti více:
NOVINKA – Víkendový online kurz Software tester, který tě posune dál. Zjisti, jak na to!

Diskuze: 2 divi nad sebou fixná + dynamická výška

V předchozím kvízu, Online test znalostí HTML a CSS, jsme si ověřili nabyté zkušenosti z kurzu.

Aktivity
Avatar
DREAMDEV
Člen
Avatar
DREAMDEV:29.8.2015 16:57

Potreboval by som spraviť takú vec že jeden div má napríklad výšku 100px a ten pod nim sa dotiahne automaticky na celu výšku rodiča. Potrebujem v ňom mať aj scrollbar takže nesmie prečnievať. Dá sa to nejako spraviť aj bez css3 calc() ?

 
Odpovědět
29.8.2015 16:57
Avatar
Jan Lupčík
Tvůrce
Avatar
Jan Lupčík:29.8.2015 17:15

Mrknul bych se na pozicování přes flexbox. Bude to ale fungovat pouze na novější prohlížeče. :)
Nastav rodičovskému elementu vlastnost display na flex a vlastnost flex-direction na column.

  1. divu nastav vlastnost flex-basis na 100px a flex-grow na 0.
  2. divu nastav vlastnost flex-grow na 1.

Mrkni se pak na CSS 3 manuál a na vlastnosti flex-*. :)

Nahoru Odpovědět
29.8.2015 17:15
TruckersMP vývojář
Avatar
Tomáš123
Člen
Avatar
Odpovídá na DREAMDEV
Tomáš123:30.8.2015 17:29

Podľa mňa bude stačiť display: table a display: table-row. Tabuľka takéto veci vždy zvládala :-)

Nahoru Odpovědět
30.8.2015 17:29
Keby nebolo Internetu Exploreru, nebolo by dnešného internetu.
Avatar
DREAMDEV
Člen
Avatar
Odpovídá na Jan Lupčík
DREAMDEV:30.8.2015 17:46

práveže som nechcel používať CSS3 ale už som to vyriešil potom sem hodim riešenie :)

 
Nahoru Odpovědět
30.8.2015 17:46
Děláme co je v našich silách, aby byly zdejší diskuze co nejkvalitnější. Proto do nich také mohou přispívat pouze registrovaní členové. Pro zapojení do diskuze se přihlas. Pokud ještě nemáš účet, zaregistruj se, je to zdarma.

Zobrazeno 4 zpráv z 4.