Background на голяма резолюция

[Gamerz]

Как да направя така че фона ми да се разпъва на максимална резолюция и да си е нормален на 19 инчове момитор 1200 x 900

 

[shterev]

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

 

[Gamerz]

Ами как да го направя ако сайта ми е с темплейт построен :

header.php
home.php
right.php
footer.php ?

 

[shterev]

ми в тоя файл, който ти започва <body> то като се съберът става 1 файл

 

[Gamerz]

body {
	margin:auto  !important;
	width:auto  !important;
        height:100%;
        width:100%;
        min-height:100%; 
        min-width:100%; 
	background: #000000 url(images/backimage.jpg) no-repeat top center;
    background-attachment: fixed;
}

Това ми е цсс-а какво да направя за да ми се получи, защото в хтмл-а не намерих нищо.. и където и да го сложа тива все става мазало.

 

[shterev]

ти поне прочете ли урока?

 

[Gamerz]

Да видях втория метод с, който мога просто да си оправя Body Background-a
но нещо не се получава...

 

[shterev]

е какво не ти се получава? Слагаш една картинка <img /> таг с посишън абсолют и height:100%; width:100%; , а над тая картинка правиш еди общ див, който в релатив и з-индекса му е по голям от тоя на картинката

 

[Gamerz]

Не мога ли да ползвам само цсс-а както е описано в края на урока ?

 

[shterev]

да ползваш position:fixed; ли?

 

[Gamerz]

Слагам една снимка която на монитор 1980 x 1080 се вижда малка .... И просто искам когато е на моя монитор 1200 x 1024 или нещо такова.. да се вижда нормално да се свива и разтяга снимката е с резолюция 1500 1000 ... и едно разтягане при голям монитор не би била проблем.

Постнах как ми изглежда css-a за body background-a четох урока, но не мога да разбера защо не се получава... увеличих снимката до въпросната резолюция, но така на моя монитор се вижда само част от нея.

 

[shterev]

както си я задал на бекграунд няма ка кда е разтегне на по-голяма резолюция, нали се сещаш. Тогава направи както ти казах

<img alt="" src="images/body.jpg" id="back" />
<div id="center"></div>

#back {
height:100%;
position:absolute;
width:100%;
z-index:5;
}

#center {
margin:0 auto;
padding:20px 0 0;
position:relative;
width:801px;
z-index:10;
}