Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [HTML][CSS] tło na całą szerokość strony bez względu na rozdz.
Forum PHP.pl > Forum > Przedszkole
john_doe
Witam,

przykład screenu tutaj

http://www.templatemonster.com/website-templates/28528.html

nie chodzi o flash tylko poniżej jest screen. Jest tam fajne tło. Jak wykonujecie coś takiego by tego rodzaju tło zajmowało zawsze całą szerokość strony.

pozdro
krzysztof_kf
  1. body {
  2. height: 200px; // wysokość tła obrazkowego
  3. background: #3399ff url(obrazek.png) repeat-x;
  4. }
john_doe
repeat-x dla tła w postaci np. nie wiem jednopikselowego paska. Ale jak przykładzie, który podałem to jest takie tło, że jak dasz repeat to będzie kiszka wyglądać
krzysztof_kf
no to takie tło się nie obcina na szerokości 1px tylko np 30px ;] i powinno być ok
john_doe
takiego tła jak w przykładowym screenie nie da się zrobić repeatem
thek
Popatrz w źródło to zobaczysz jak to jest zrobione.

To kilka obrazków w odpowiedni sposób ustawionych tak, że zachodzą na siebie w sposób, który ukrywa linie cięcia i na różnych rozdzielczościach sprawia wrażenie jednolitego. Na małych po prostu nie widać tego co po bokach, bo główny tylko jest widoczny dla usera. Przy większych widzisz coraz więcej z tych bocznych. Przy dużej rozdzielczości i one byłyby za małe i zobaczyłbyś czarne tło, Główna część ma bowiem 980px szerokości a boczne po 471 i 469. Tak więc jeśli miałbyś szerokość ekranu powyżej 1960px to ujrzałbyś czarne tło po obu stronach layoutu.

Tylko trzeba umieć patrzeć w kod. A ten niestety jest oparty o tabelki i specyficzne podejście do własności procentowych w width, które sprawiają, że całość się centruje choć jest większa niż szerokość ekranu użytkownika.
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.