Css Tarayıcı Sorunu

hocam sitene baktım kodlarına baktım başlı başına yanlış yapıyorsun.
düzeltmen gereken cok kısım var.

mesela,
h1.post-izlediklerim {
margin-left: 225px;
}
margin-left gibi bir deger var son derece gereksiz.

html lerin de yanlış.
h1 elementinin div gibi davranmasını istemişsin.
Bu da başlı başına yanlış

dilersen burda anlatabilirim.

Hocam bir çerçeve oluşturup bu üç bölümü de oluşturduğunuz yeni çerçevenin içine ekleyin.
En başından anlatmak belli ki biraz fazla karmaşık olacak bu yüzden kısa yolu söylemek istedim size.
Geniş tarayıcılarda sağa doğru kayma problemi olan çerçeveniz genel çerçeveye göre hareket ediyor. Eğer hepsini bir çerçeveye alırsanız o zaman pek sorun olmaz.
Resimde gösterdiğiniz sağa doğru kayan çerçeve 1280piksel ekranda altta kalıyor. Biraz uğraşmanız şart gibi. Float:left ve float:right diye ayarladığınız iki çerçeveye sınıf atamış olsaydınız daha kolay ve açıklayıcı bir şekilde yardımcı olabilirdik.

hocam, normal bir sayfa yapısının düzeni nasıl olmalı sana onu anlatayım.
bunu mesaj mesaj adım adım olucak şekilde yapalım.
aklına takılan yada anlamadıgın kısımları sor cevaplıyayım.
bu konuda fikir sahibi olmak isteyenler için de yararlı postlar oluşturmuş oluruz.

bir sayfayı iç içe kutu kutu tasarlaman gerekiyor.

en dışa taşıyıcı bir kutu (container)
üstte navigasyonu barındıran bir kutu (header)
ortada sayfada göstermek istediğimiz genel içerik kutu (content)
altta sosyal media ikonları ve footer linkleri barındıran bir kutu (footer)

<div class="container">
     <div class="header">
       <!-- logo menü vs bu kısımda -->
     </div>
     <div class="content">
        <!-- genel içerik bu kısımda -->
     </div>
     <div class="footer">
       <!-- footer menü, kullanıcı sözleşmesi, bilgilendirme sosyal media linkleri vs bu kısımda -->
     </div>
</div>

buraya kadar tamam sa devam edecegim.

şuan sadece htm sayfa düzenini anlattım.
css kısmına da girecegiz.
neyi nasıl yazman gerektiğine, sayfa ortalamalarına, paddinglere, marginlere, seo yapısına vs vs.