Web sayfasını her çözünürlüğe göre ayarlama nasıl yapılır?

Web sayfasını her çözünürlüğü göre ayarlamak istiyorum ama olmuyor. Benim kullandığım çözünürlük 1366 x 768 ama farklı bir çönüzürlükte web sitesi açtığımda ya taşıyor yada küçük kalıyor. Bu konuda yardımcı olur musunuz.

Responsive bir tema kullanmalısın. Her tema Responsive değildir (Wordpress kullandığını varsayıyorum). Mesela bizim eski temada da bu sorun vardı, yeni geçtiğimiz tema ise responsive.

Öncelikle cevap verdiğiniz için teşekkür ederim. Bütün tasarımları HTML ve CSS'den yaptım Wordpress kullanmadım siteyi kendi pc çözünürlüğüme göre 1366x768 da düzgün ama diğer çözünürlüklerde sıkıntı çıkıyor.
Site adresi de burada.

Anasayfa

Yüzdelik hesaplamalar kullanman gerekli. Px ile hesaplattığın her boyut sabit kalır. Responsive ise "@media" sorguları ile tasarımını farklı çözünürlükler de çalıştırmanı sağlar. Asıl olay ise ilk başta dediğim gibi yüzdelik "%" hesaplama birimini kullanman. Örnek verecek olursak yaptığım bir çalışmaya bakabilirsin.
Responsive tema

Cevap verdiğiniz için teşekkür ederim. Şuan yeni bir web sitesi yapıyorum % delik hesaplama kullanıyorum fakat @media sorgularını öğrenebileceğim sayfa önerebilirmisiniz.

Tabi boostrap 2.3.2 sürümün de ki @media sorgularını kullanıyorum linki aşağıda. Yüzde kullanmışsınız ama sadece kapsayıcı elementlere kullanmışsınız. Bu yüzden pek bir işe yaramamış.

Boostrap @media sorguları

Şamil dedi:

Cevap verdiğiniz için teşekkür ederim. Şuan yeni bir web sitesi yapıyorum % delik hesaplama kullanıyorum fakat @media sorgularını öğrenebileceğim sayfa önerebilirmisiniz.

Genişletmek için tıkla...

CSS3 @Media
Responsive menü nasıl yapılır?

Teşekkür ederim verdiğiniz bilgiler için.