john_doe
26.05.2010, 15:57:02
Witam,
przykład screenu tutaj
http://www.templatemonster.com/website-templates/28528.htmlnie 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
26.05.2010, 16:07:09
body {
height: 200px; // wysokość tła obrazkowego
background: #3399ff url(obrazek.png) repeat-x;
}
john_doe
26.05.2010, 16:31:39
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
26.05.2010, 16:36:14
no to takie tło się nie obcina na szerokości 1px tylko np 30px ;] i powinno być ok
john_doe
26.05.2010, 16:47:13
takiego tła jak w przykładowym screenie nie da się zrobić repeatem
thek
26.05.2010, 21:14:46
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.