Vertical margin between floating div and fixed footer?

They have: 24 posts

Joined: Oct 2008


I'm trying to create a responsive design... At the bottom of the page my footer is "position: fixed" with "bottom:0". Just above I have the main content div that is "float: left" and "clear: both".

The trouble is that the bottom of the main content div is partly hidden by the footer div.... How can I have a vertical margin to separate the 2 divs?

Thank you!

Megan's picture

She has: 11,421 posts

Joined: Jun 1999

Put enough padding at the bottom of the content div to leave space for the footer?

They have: 24 posts

Joined: Oct 2008

What I wish to do is to visually separate the 2 divs and not only the text in the main content div from the footer. Those 2 divs have a border and it's not visually appealing if one is behind the other.

They have: 1 posts

Joined: Dec 2012

in my site give me some suggestion for html and css coding.

Want to join the discussion? Create an account or log in if you already have one. Joining is fast, free and painless! We’ll even whisk you back here when you’ve finished.