Thema: Footer soll auf einer bestimmten Höhe bleiben

Nur damit wir es richtig verstehen:

Soll der Footer stehen bleiben so als wenn er eine Leiste des Browsers wäre oder soll er nur immer den gleichen Abstand zu etwas anderem z.B. Header haben? Problem bei Nr.2 was machst Du wenn der Content oder so einmal länger ist?

Dein Stichwort ist footerStickAlt

Oder dem footer eine position:fixed; hinzufügen, dann ist jedoch das Problem, mit dem großen Content nicht gelöst.

Oder du arbeitest einfach mit einer festen Höhe:

Code:

#jsn-page {
width: 960px;
min-height:500px;
}

Was aber optisch nur Sinn macht, wenn du keine längeren Texte hast.
Andernfalls kannst du noch mit einem Layer arrbeiten:

Code:

div#layer {
width:960px;
height:454px;
overflow:auto;
z-index:1;
}


<div id="layer">
<jdoc:include type="component" />
</div>

Dort würde dann ein Scrollbalken auftauchen, wenn der Text länger ist. Der Fuß dort drunter bleibt aber immer an der gleichen Stelle stehen.
Die Zahlwerte musst natürlich deinen Bedürfnissen anpassen.


Axel

Für z-index braucht man immer noch eine position: Angabe, das hat Axel wohl im Eifer des Gefechts übersehen

template.css (/templates/jsn_epic_pro/css/template.css)

#jsn-page {
min-height:ZAHLpx;
}

Habe ich dir doch geschrieben: um die Positionsangabe für den Content herum die DIV-Angabe und in der template.css die CSS-Angaben.
Ich gehe davon aus, dass du das Template selber gemacht hast und demzufolge weißt, wo was steht. Zumindest rudimentäre Kenntnisse brauchst du schon



@HansZ,
was für eine Position meinst du?




Axel

Diese Eigenschaft wirkt nur in Verbindung mit einer Angabe zu position.

Quelle: http://de.selfhtml.org/css/eigenscha...ng.htm#z_index

@HansZ
das hat mich nun doch stutzig gemacht. Ist uralter Code, den ich früher mal auf meiner alten Website benutzt hatte. Und siehe da: im umfließenden DIV-Element ist denn auch ein "position:relative" eingebaut.

So kanns einen ergehen. Danke fürs draufaufmerksam machen.


Axel