Footer is displayed right after header

Hey guys,

I am struggling with this error for a few days already and also checked with a few friends but we didn't find a solution. Here is my code:



Any thoughts how to fix this? As far as I can tell the problem is the position: absolute; in the wrapper but it's needed to display the background.

/edit: solved my problem by adding an extra div with margin: auto; thread can be closed.

 

use div id="clear", i think footer will get its real position.

 

Solution is not working but if you had read my post it's already solved ....

Close Please

 

use div id="clear", i think footer will get its real position.

 

is anybody even reading the first post? Problem has long been solved ....

 

Glad you solved the problem and the same problem is faced by many here and elsewhere. This is just for future reference:

These kind of positioning problems can be easily fixed with these 2 codes in your CSS:

Just saying