Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [css] potrójny background
Forum PHP.pl > Forum > Po stronie przeglądarki > CSS
Dziadzia
Witam.

Próbuję stworzyć "potrójnę" tło. tzn biggrin.gif tło całej strony na górze ma określoną wielkość 1400x685px, na dole 1400x370px, a pomiędzy nimi chcę wstawić pasek o wymiarach 1400x1px, który będzie się automatycznie dopasowywał do długości strony i tyle razy powielał aby przerwę między top i bottom załątać. kod:

@charset "utf-8";
/* CSS Document */

html {
background: url(images/background_top.jpg) top no-repeat,
"url(images/background_middle.jpg) center repeat-y,"
url(images/background_bottom.jpg) bottom no-repeat;
height: 100%;
width: 100%;
}

body {
width: 940px;
height: auto;
margin: auto;
}


i problem polega na tym, że to nie działa biggrin.gif tzn. środkowy wiersz specjalnie zaznaczyłem "" ponieważ to z nim są problemy. Otóż przeglądarka nie wychwyca tego, że na dole jeszcze ma być tło o wysokości 370px i paski ze środka są powielone do samego dołu strony. Może ma ktoś jakiś pomysł jak inaczej rozwiązać tego typu tło? Szukałem dużo w necie i znalazłem kilka interesujących stron, lecz nigdzie nie było przypadku podobnego do mojego, były tylko "podójne" tła...
Z góry dzięki za pomoc smile.gif
!*!
1. http://forum.php.pl/index.php?showtopic=15...mp;#entry896036
2. multibg ustawiaj wedle ważności obiektu http://www.css3.info/preview/multiple-backgrounds/
Dziadzia
1. zapamiętam smile.gif
2. rowiązanie problemu oczywiście mega banalne. Wystarczy zmienić ważność wyświetlania background za pomocą zmiany kolejności pisania w css. Poprawna kolejność to: top->middle->center.

Dzięki za pomoc!
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.