[HTML][CSS] tło na całą szerokość strony bez względu na rozdz. Opcje

[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]

[CSS] pobierz, plaintext 
body {
height: 200px; // wysokość tła obrazkowego 
background: #3399ff url(obrazek.png) repeat-x;
}
[CSS] pobierz, plaintext 

Ten post edytował krzysztof_kf 26.05.2010, 16:10:26

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