Merhabalar...

Responsive tema yaparak css ve html (özellikle div'lerin çalışma) mantığını anlamaya çalışıyorum, elementlerin davranışlarını gözleyebileceğim bir tasarım yaptım fakat şunu anlayamadım:

Soru 1:
wrapper div'inde float:left yaptığımda tüm elementleri kapsıyor (arka plan rengi sarı, anlaşılıyor). Ama sola yapışıyor.

wrapper divinde float:none yaptığımda ortalanıyor ama div'e de bir şey oluyor ve yüksekliği gidiyor.

Soru 2:
Temada büyütme küçültme yaptığımda içerik divinde taşmalar oluyor. Bunu nasıl oranlı yapabilirim?

Soru 3:
Sayfalama divi (pagination) site büyüklüğü 100% iken sağında boşluk kalıyor, büyütünce düzeliyor, nasıl düzeltebilirim?


Son olarak da bana tavsiye verebilir misiniz? İlk defa tema yapma işine giriştim. Genel olarak neler yapsam daha iyi olur, ne yapmamalıyım. Bilgilendirebilirseniz sevinirim.

Şimdiden teşekkürler...

Dosyaya ve ilk soru için resimlere bu adresteki dosyaları indirerek ulaşabilirsiniz:
https://app.box.com/s/bju9msqhjvvnubeu1jjforf18yeh341j