Rozciągnięcie elementu

0

Mam takie małe forum gdzie pewne rzeczy są dynamicznie generowane w zależności od ilości treści na stronie więc chciałbym aby boczny pasek sidebar też się rozciągał automatycznie na długość taką jaką tworzy kontent po lewej stronie jak więc nadać w CSS tabelom, które tworzą sidebar zadanie aby się rozciągały na maksymalną długość?

user image

0

No i jak takie coś sobie wyobrażasz? puste, szare tło pod tekstem? Bez sensu, tak jest zdecydowanie lepiej. Czegoś takiego bez javascriptu nie zrobisz, nawet jak Ci się uda na samym css, to i tak potem stwierdzisz, że zachowanie nie do końca Ci odpowiada.

0

Zobacz tutaj na tym portalu jak zrobili dobrze to się wpasowuje, ale nie wiem jak to dokładnie działa
http://forum.xda-developers.com/

0

http://i.imgur.com/KqwVTso.jpg

No i co tu jest rozciągnięte w dół?
Tło niebiałe jest "dzięki" temu, że cała strona jest na tabelach (a komórka obok zawsze będzie miała wysokość sąsiadującej komórki) - ale skoro masz forum to raczej też wszystko na tabelach stoi?

0

No tak ta tabelach jest forum, ale jak to spiąć aby się to rozciągało automatycznie jak tabele obok? Bo nie mam pomysłu.

user image

0

weź to przerób w gimpie czy coś jak to wg Ciebie powinno docelowo wyglądać.

0

A więc:

Wygląda tak:
http://pokaz.im/di-YDCA.jpg

A chciałbym ustawić ten prawy sidebar do wielkości lewej zawartości contnetu:
http://pokaz.im/di-JFU5.jpg

http://pokaz.im/di-I9VQ.jpg

Czyli jak widać na ostatnim zrzucie prawy sidebar skończy się tam gdzie kończy się lewa zawartość forum.

No więc co na to doradzisz?

0

javascript, nic innego tu nie wycudujesz. pobierasz wysokość lewej kolumny, potem po prawej wszystkich elementów, odliczasz te, których nie ruszasz, i potem zostaje Ci wysokość jaką powinienieś przypisać do elementu, który chcesz rozciągnąć.

0

Wziąłem wyłączyłem JS, skrypty do obsługi w przeglądarce IE wchodzę na xda forum a tam reklam JS z Googla nie ma i innych bajerów, ale pasek jak był tak jest. Także pewnie da się inaczej może tylko nie mam pojęcia jak to jest tam zrobione i jak można ten sam efekt zrobić w moim przypadku.

0

Ty chcesz osiągnąć coś lekko innego z perspektywy kodu

1 użytkowników online, w tym zalogowanych: 0, gości: 1