Why is my footer in the middle of my page

You have to add position: relative; to the parent container of the footer which in this case is body. Related: Position Absolute and Bottom 0. Stack Overflow for Teams — Collaborate and share knowledge with a private group. Create a free Team What is Teams? Collectives on Stack Overflow. Learn more. Why is my footer in the middle of my page? Ask Question. Asked 5 years, 4 months ago. Active 5 years, 4 months ago.

Viewed 3k times. They are usually the most populated city within the country, and the Government will usually have the capital city as the base. Representatives from other embassys will be based off of the capital city, and same with the civil workers. In the first week of may and October there can be upwards of seventy-thousand people per day and in there were sixty-three million visiters in Badaling.

This historical city is known for it's rock-cut architecture and water conduit systems. Petra also is known as Raqmu to the Nabataeans or Rose City due to the color of the stones which are carved. It is known as the largest amphitheatre ever built. The Colosseum is situated east of the Roman Forum. The construction started in AD 72 and was completed in AD It could hold an estimated fifty to eighty-thousand people.

A website footer is one element that is positioned within the overall DIV container layout. When the container layout properties are incorrect, it can affect the footer's position within the Web page. Now the entire Web page will stay the full height of the screen regardless of the amount of content.

The relative position also interacts positively with the absolute position of the footer. Meg North has written professionally since as an online copywriter for the Sturbridge Yankee Workshop. She also published a short story in "The Maine Scholar. By Meg North.

Footer Position The footer CSS "position" property determines where the footer is positioned on the Web page in relation to the other page elements, like the header and the main body content.

Footer Width and Height The footer width and height properties may be interfering with the footer positioning. Active 6 years, 1 month ago. Viewed 12k times. Improve this question. Brian Edelman Brian Edelman 3 3 gold badges 10 10 silver badges 22 22 bronze badges. Add a comment. Active Oldest Votes. Improve this answer. Lemon Kazi Lemon Kazi 3, 2 2 gold badges 34 34 silver badges 60 60 bronze badges.

I tried this and it gets the footer so where I want it but something weird has happened between my wordpress theme and my stuff I've created within it.

I built it locally and everything looked perfect the way I want it. Now in wordpress when I apply this weird gaps appear in the page, so I have to adjust things up with -margins.

There must be something displaying that I am not getting with WP. OK try this. In this page joebiz. That only fixed the pages with his resume on it. The rest of the pages it floats to the middle of the page or completely to the top. Okay so deleting that made all the other pages not work.