Forum Webmastera, HTML, CSS, PHP, MySQL, Hosting, Domeny - Forum dla Webmasterów
[css] rozciaganie tla div'a do wysokosci strony - Wersja do druku

+- 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: [css] rozciaganie tla div'a do wysokosci strony (/thread-css-rozciaganie-tla-div-a-do-wysokosci-strony)



[css] rozciaganie tla div'a do wysokosci strony - Jerzu - 21-10-2010

Witajcie mam taki problem, otoz pragne stworzyc cos takiego :

[Obrazek: css_pyt.JPG]

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


RE: [css] rozciaganie tla div'a do wysokosci strony - Pedro84 - 21-10-2010

Google.pl -> css faux columns


RE: [css] rozciaganie tla div'a do wysokosci strony - Szorstki - 25-10-2010

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?


RE: [css] rozciaganie tla div'a do wysokosci strony - ixtab - 25-10-2010

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...


RE: [css] rozciaganie tla div'a do wysokosci strony - Pedro84 - 25-10-2010

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


RE: [css] rozciaganie tla div'a do wysokosci strony - Szorstki - 25-10-2010

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


RE: [css] rozciaganie tla div'a do wysokosci strony - Engine - 25-10-2010

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.


RE: [css] rozciaganie tla div'a do wysokosci strony - ixtab - 25-10-2010

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


RE: [css] rozciaganie tla div'a do wysokosci strony - Engine - 25-10-2010

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


RE: [css] rozciaganie tla div'a do wysokosci strony - Kartofelek - 26-10-2010

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ć Wink
Można użyć js, można dodatkowych bloków, ale to wciąż dodatkowy kod. Im mniej kodu - tym lepiej.