Css Background Hakkında

Arkadaşlar css de bir sıkıntım var nasıl yaparım veya yapılabilir mi?

Elimde 2 tane background var Repeat-x şeklinde kullanıcam ikisinide, birini sol tarafa diğerini sağ tarafa koymam lazım bunu nasıl yaparım?

ikisini birleştir koy

body {
 background: #renk url("../resim/bg1.png") repeat-x, #renk url("../resim/bg2.png") repeat-x;
}

Bu şekilde deneyebilir misiniz?

tasarımın ilgili kısmını paylaşırsanız yardımcı olmaya çalışabilirim

ikisini birleştiremiyorum çünkü çözünürlük arası farklılık gösterir düşündüm onu max 1920 ye kadar yapsam sol tarafa 450px ortada 1000px boş sağ taraf 450px bu seferde çözünürlüğü düşük bilgisayarlarda kötü olacak repeate yapmam gerekiyor. body nin içine 2 tane background koymam lazım ama ilk backgrounda 1000px sınırlama yapmam gerekiyor.

Doğru anladıysam sorunu; bir tane div yerine iki tane kullanın ikisine farklı arkaplanları istediğiniz gibi koyun.

Height değeri ve resim urlsini girersen gözükücektir. Kolay gelsin.

<div style="float:left;background:url(..resimurl) repeat-x;width:50%;height:10px"></div>
<div style="float:right;background:url(..resimurl) repeat-x;width:50%;height:10px"></div>

iki div ile birini sola float:left birini sağa float:right ile yapabilirsin diye düşünüyorum.

Bu şekilde denedim maalesef olmadı. Width değeri verdiğimde sitede kayma oluyor.

Classları aşağıdai gibi yaptım fakat söylediğim gibi width veremiyorum. Body haricinde 2 classlada denedim o şekildede olmadı.