Belki basit bir sorundur ama css 'e başlayalı daha 3-4 gün oldu ve çözemedim bir türlü

1. resimdeki gibi 5 parçadan oluşan ufak bir tasarımım var üst kısım ,içerik kısmı ,yan menü ve üst menü tamam. Onları sorunsuz yerleştirdim fakat sıra alt kısıma gelince sorun çıktı.



Herşeyin üstteki gibi olması lazım ama bende alttaki resimdeki gibi oldu. Yani 4 numaralı footer kısmı 2 ve 3 ün arkasında 5 numaranın altında çıktı.


Html kodlarım şu şekilde ;

--

Css kodlarımda bu şekilde ;

--

Sorunuma kalıcı bir çözüm lütfen yardım