مشکل با کد html و css

[SadraHkm 20]

سلام دوستان

این لینک رو ببینید

https://jsfiddle.net/yj0vc2tq/

چرا وقتی صفحشا بزرگ و کوچیک میکنم اون پس زمینه هم هی باز میشه ؟ مثلا میخوام توی حالت بزرگ و کوچیکش اون خطه وسط صفحه باشه .

اگه میشه یخورده راهنمایی کنید از چه کدی استفاده کنم

ممنون

[فرحان 997]

سلا. منظورتون این شکلیه؟

https://jsfiddle.net/yj0vc2tq/3/

البته اگر می خواید بیاد وسط موقعیت پس زمینه رو تغییر بدید به این صورت :

background-position: center;

بعد فکر می کنم چون پهنای تصویر زیاده وقتی میادش وسط شما فکر می کنی که تصویر داره کش میاد.

[SadraHkm 20]

سلا. منظورتون این شکلیه؟

https://jsfiddle.net/yj0vc2tq/3/

البته اگر می خواید بیاد وسط موقعیت پس زمینه رو تغییر بدید به این صورت :

background-position: center;

بعد فکر می کنم چون پهنای تصویر زیاده وقتی میادش وسط شما فکر می کنی که تصویر داره کش میاد.

الان کد position رو که گذاشتم، اومد وسط.

ولی من توی تگ body اومدم این پس زمینه رو به شکل یه Back image دادم . وقتی صفحه رو بزرگ میکنم، قسمت تیره عکس دوباره از سمت راست تکرار میشه. اگه هم no-repeat بدم، دیگه ارتفاع نمیگیره.

( میخوام یعنی یه کاری کنم که وقتی بزرگ شد همون قسمت سفید از همون راست و تیره هم از همون سمت چپ تکرار بشه )

ممنون

ویرایش شده شهریور 94 توسط hcp90

[فرحان 997]

خوب مثل من repeat-y بهش بدید دیگه توی لینک رو نگاه کنید می بینید که من بهش repeat-y دادمه

[SadraHkm 20]

خوب مثل من repeat-y بهش بدید دیگه توی لینک رو نگاه کنید می بینید که من بهش repeat-y دادمه

بهش دادم. ولی توی حالت بزرگ ( مانیتور بزرگ ) حالت جعبه میشه . اینطوری :

http://uupload.ir/files/mzb7_four.png