+- Forum Webmastera, HTML, CSS, PHP, MySQL, Hosting, Domeny - Forum dla Webmasterów (https://www.webmastertalk.pl)
+-- Dział: Technologie internetowe - tworzenie stron WWW (https://www.webmastertalk.pl/forum-technologie-internetowe-tworzenie-stron-www)
+--- Dział: xHTML, CSS, JavaScript (https://www.webmastertalk.pl/forum-xhtml-css-javascript)
+--- Wątek: [Jak zrobić]Wysokość górnego elementu zależna od wysokości dolnego elementu. (/thread-jak-zrobic-wysoko%C5%9Bc-gornego-elementu-zalezna-od-wysoko%C5%9Bci-dolnego-elementu)
[Jak zrobić]Wysokość górnego elementu zależna od wysokości dolnego elementu. - MatixYo - 19-07-2013
Otóż mam taki kod:
<div id="wrapper">
<div id="top"></div>
<div id="bottom"></div>
</div>
Wysokość #wrapper i #bottom są określone.
Co zrobić żeby #top zajmowało 100% wolnej wysokości od góry #wrapper do górnej krawędzi #bottom? Gdyby było na odwrót to umiałbym zrobić. Jedyne rozwiązanie które przychodzi mi do głowy to pozycjonowanie absolutne #bottom i bottom:0; a dla #wrapper nadanie margin-bottom równego wysokości bottom, ale wtedy musiałbym zmieniać margin-bottom i height, a chciałbym żeby dało się to zrobić zmieniając tylko height dolnego diva.
RE: [Jak zrobić]Wysokość górnego elementu zależna od wysokości dolnego elementu. - Kartofelek - 19-07-2013
1) flexbox
2) A po co topowi ustawiać 100% wysokości? Tło może mieć wrapper a nie top.
RE: [Jak zrobić]Wysokość górnego elementu zależna od wysokości dolnego elementu. - MatixYo - 19-07-2013
W moim przypadku wrapper to okienko czatu, dolny element to textarea, a górny to okno z wiadomościami.
Textarea w zależności od ilości tekstu zwiększa się.
RE: [Jak zrobić]Wysokość górnego elementu zależna od wysokości dolnego elementu. - Kartofelek - 20-07-2013
#wrapper - relative
#bottom - absolute, bottom, height
#top - absolute, top, bottom
RE: [Jak zrobić]Wysokość górnego elementu zależna od wysokości dolnego elementu. - MatixYo - 20-07-2013
(20-07-2013, 01:25)Kartofelek napisał(a): #wrapper - relativew #top bottom mam ustawić na height #bottom?
#bottom - absolute, bottom, height
#top - absolute, top, bottom
Wtedy też będę musiał zmieniać dwie wartości, a chciałbym jedną.
RE: [Jak zrobić]Wysokość górnego elementu zależna od wysokości dolnego elementu. - Peter - 08-10-2014
Tu masz odpowiedź. Prościzna.
http://jsfiddle.net/9kt2okx5/
Pozdrawiam