[css] rozciaganie tla div'a do wysokosci strony

[Jerzu]

Witajcie mam taki problem, otoz pragne stworzyc cos takiego :



Lewy div to menu, po prawej mam tekst, jak zrobic zeby wysokosc tego diva ( i tym samym jego tło) rozciągało sie do samego dołu ?

Zaznaczam ze nie chodzi mi o sztywne zdefiniowanie wykosoci, np. w pixelach, bo mam wiele podstron ktore rowniez korzystaja z tego menu a maja rozne wysokosci.

Pozdrawiam,
Jerzy

[Pedro84]

Google.pl -> css faux columns

[Szorstki]

Przyznam, że przeczytałem 2 artykuły o faux columns i oba opierały się na ustawieniu tła dla zewnętrznego bloku, kóre symulować będzie kolumny, a wewnątrz niego umieścić same bloki odpowiedzialne za treść każdej z kolumn... Jest to jakieś wyjście, ale nie podoba mi się ono.

Nie ma innego rozwiązania?

[ixtab]

To jest właśnie najlepsze wyjście. Możesz też znaleźć skrypcik JS (kiedyś gdzieś widziałem), który wyrówna kolumny, ale weź pod uwagę, że jeśli użytkownik przeglądający witrynę będzie miał wyłączoną obsługę JS, to strona się rozjedzie...

[Pedro84]

Możesz się pobawić JS, ale moim zdaniem strata czasu. Rób rzeczy zgodnie z KISS, DRY. Nie wymyślaj koła na nowo.

[Szorstki]

height 100% powinno załatwiać sprawę, szkoda że tak nie jest

[Engine]

Możesz to rozwiązać w prostszy sposób bez js.

przygotowujesz sobie fragment tła lewej strony i środka, zapisujesz to do jednego pliku (inaczej mówiąc cała szerokość strony).

Lewą stronę i środek wrzucasz w jednego DIV-a któremu dajesz tło przygotowane wcześniej, dla tła dajemy repeat-y i sprawa załatwiona.

[ixtab]

@Engine: on właśnie pytał o rozwiązanie alternatywne dla tego, który opisałeś

[Engine]

A to sorry nie doczytałem postu do końca tylko po łepkach

[Kartofelek]

Heh. Pamiętam jak pierwszy raz się spotkałem z tym problemem. Tak samo mi sie nie podobał.
A teraz - to najlepsze rozwiązanie. Zmiana podejścia do strony.
Wystarczy patrzeć na stronę jak na jak najmniejszy kod, na który potem nakładasz grafikę. Właściwie wystarczy patrzeć jak się powinno patrzeć
Można użyć js, można dodatkowych bloków, ale to wciąż dodatkowy kod. Im mniej kodu - tym lepiej.