Div schwebt frei, obwohl es am unteren Ende mit abstand sein sollte..

[ReasonDev]

Guten Tag,

das Div welches im Anhang zu sehen ist soll mit einem Abstand zum Content (Div myContent) ganz unten plaziert werden. Der Link lautet speditioneder.de/wp/

Der CSS Code für den Footer:

#myfooter {
position:absolute;
bottom:0;
width:100%;
text-align : center;
font-size: 15px;
vertical-align: bottom;
background-color : rgba(255, 255, 255, 0.7);
border-bottom:1px solid black;
border-top: 1px solid black;
}

Liebe Grüße

 

[Dominic28]

Hallo,
Das liegt daran, dass du den Footer absolut positioniert hast. So wird er immer am unterem Rand des Browsers "angeheftet", egal ob andere Elemente damit überlagert werden.
Für dein Vorhaben musst du die absolute Positionierung so wie bottom: 0 entfernen und stattdessen margin-top verwenden.

Edit: Da du "mycontent" auch absolut positionierst, wird der Footer mit margin-top direkt unter dem Header sein... Du solltest dort also auch auf die absolute Positionierung verzichten.

 

[ReasonDev]

Soweit war ich ja bereits, nur leider wird dann der Content nicht links und Vertikalmittig angezeigt, sondern ist variabel & das möchte ich so nicht.

Lg

 

[Dominic28]

Also ich habe das mal nur per Firebug geändert und es sieht genau so aus wie vorher, aber man kann das Fenster auch ohne Überlagerung verkleinern.