Slider çözünürlüğü arttırınca kayıyor...

Merhaba üstadlarım;

Bir site tasarlayayım dedim css ile lakin divler arasında yok oldum.
Bir slider yaptım ve div içinde kullandım ama çözünürlüğü arttırınca (Sayfayı büyütünce) slider kayıyor.

css, js ve index'i koydum. Neden kaynaklandığını ve çözümünü belirtirseniz sevinirim.

Dosya buradadır.

Slider kayması soldan boşluğu %lik yada otomatik değerlere göre değil de kendi ekran çözünürlüğünüze göre ayarlamışsınız ondan kaynaklanıyor. Düzelteyim dedim ama çok karışık olmuş tasarım. Sanırım baştan daha düzenli yapmanız gerekiyor. Otomatik değer ya da yüzdelik değerler ile yerlerine oturtun absolute değerini çok kullanmamaya dikkat edin. Bence daima ortalığı karıştırır o değer

En başından tekrardan yapmaya başladığımı farz edelim...
Bu sorunla karşılaşmamam için neler yapmam gerekiyor ve neler yapmamam gerekiyor?

Aslında kalabalık görünüyor ama size biraz daha tertiplenmiş halini yollasam derleyebilir misiniz? Site bitti, sadece o sıkıntı kaldı.

Ayrıca konuyla ilgilendiğiniz için teşekkür ederim.

en baştan beri sürekli divler içine yerleştirin ortalamak için daima margin:0 auto komutunu kullanın bazı yerlerde left: değeri ile iteklemişsiniz o sadece sizin ekranınızda öyle olur başka çözünürlükte olmaz yollarsanız daha düzenli halini deneyebilirim

O soruyu benim durumumda olan kullanıcılarda görsün diye sordum, bilgilendirmeniz için çok teşekkür ederim.

Size tasarımı iletiyorum pm'den...

İlginiz için teşekkürler tekrardan...

@DarknessHero;

Kendisi bana oldukça yardımcı oldu.
Sorun hallolmuştur.