Центриране+разтягане на картинка за background на сайт, как?

[Illusion]

Здравейте,

Искам да центрирам background картинката, но ако размерът и е по-малък от размера на резолюцията на монитора, тя да се разтяга според монитора на ширина. Знам как да центрирам картинката, но не знам как да я разтягам според монитора ако тя е по-малка от размера му. Някой може ли да помогне?

 

[shterev]

http://fridaycode.net/scalable-full-body-background-with-css/

 

[Illusion]

http://fridaycode.net/scalable-full-body-background-with-css/

Ако картинката е 1000px широка, а монитора 2000px, картинката ще се центрира само, но няма да се разтегне на широчина и пак съм в задънена улица. Идеи?

 

[Karcho]

Слагаш width: 100%; height: 100%; и за всеки случай overflow: hidden;

 

[shterev]

http://fridaycode.net/scalable-full-body-background-with-css/

Ако картинката е 1000px широка, а монитора 2000px, картинката ще се центрира само, но няма да се разтегне на широчина и пак съм в задънена улица. Идеи?

Как няма да се разтегне? Та нали задаваш width:100%; Я виж примера като хората.

 

[hpstuff]

Първо единстения начин за сега това да го направиш е по първия начин с img отзад на сайта ти.
По втория начин няма как да стане div-a ще ти се разтегне на целия монитор (освен на IE6 защто height: 100% работи само ако холдера на елемента който му е зададен има някава височина) ,но картинката за background ще си остане такава кавато си е просто ще е центрирана.