footer-Problem

[pto]

Hallo, ich habe ein Problem mit meinem Footer. In der bisherigen Variante steht der footer, wie es sich gehört, unten:
ALT

Jetzt habe ich ein Slide-Menu eingebaut, ohne etwas am footer oder am css zu ändern, aber der footer steht jetzt oben auf der Seite.

NEU

Das betreffende css ist:

  
.footer {  
    margin-bottom: 2px;  
    text-align:center;  
}  
    

HTML ALT:

  
  
.....  
</article>  
  
   </div>  
  
    </div>  
  
  
...  
  
<script type="text/javascript" src="http://nachrichtentisch.de/scripts2.js"></script>  
  
  
<div class="footer">  
 <hr>  
Verantwortlich f&uuml;r dieses nichtkommerzielle Informationsangebot: P. Tomuscheit   2014  
 <hr>  
</div>  
  
		<!-- Left Slidebar -->  
		<div class="sb-slidebar sb-left">	  
  
............usw.		  
  
	

HTML NEU:

</article>  
   </div>  
  
    </div>  
  
.....                  <div class="footer">  
 <hr>  
Verantwortlich f&uuml;r dieses nichtkommerzielle Informationsangebot: P. Tomuscheit   2014  
 <hr>  
</div>  
  
        <div id="menu">  
            <nav>.....  
  
usw.  

Gruß und Dank

[Matthias Scharwies]

Das betreffende css ist:

.footer {
    margin-bottom: 2px;
    text-align:center;
}

  
Das stimmt auch, aber alles was drüber ist (#pushobj), ist absolut positioniert.  
  
Im Wiki: <http://wiki.selfhtml.org/wiki/CSS/Eigenschaften/Positionierung/position>  
  
  
LG Matthias

[pto]

Das betreffende css ist:

.footer {
    margin-bottom: 2px;
    text-align:center;
}

>   
> Das stimmt auch, aber alles was drüber ist (#pushobj), ist absolut positioniert.  
>   
> Im Wiki: <http://wiki.selfhtml.org/wiki/CSS/Eigenschaften/Positionierung/position>  
>   
>   
> LG Matthias  
  
Danke, ich habe es jetzt innerhalb des #pushobj untergebracht, habe aber jetzt unten drunter elend viel leeren Raum, für den ich keinen Grund sehe...?