Fixed Header. Header soll mitscrollen
Hallo an alle,
es geht eigentlich um eine (wie ich glaube) simple Augabe. Ich will einfach das mein Header die ganze Zeit stehen bleibt und die anderen Elemente drunter weg scrollen.
Es gibt dazu ja auch schon einiges in dem Forum und ich bin da auch fündig geworden und hab auch schon die ersten "Erfolge" gemeistert, leider fehlt mir da glaube ich aber irgendwo noch eine KLeinigkeit.
Zu der generellen Vorgehensweise: Ich wollte das über CSS und nicht JS lösen, da ich von JS wenig bis keine Ahnung habe und das für die weitere Verwendung und Anpassung kompliziert wäre.
Bisher habe ich folgendes:
In meinem Header habe ich eine Klasse "bangb1" und der hab ich folgendes CSS zugeschrieben:
HTML-Code:
.bangb1 {
position:fixed;
width:100%;
z-index: 120
}
Dadurch hab ich ja das Problem, dass das Element nach dem Header nach oben rutscht und der Header über dem nächsten Element (nennen wir es Element2) liegt. Also hab ich noch eine weitere Formatdefinition:
HTML-Code:
.abheader {
margin-top:165px;
}
Diese wollte ich dann immer im Element2 einbinden.
Jetzt kommt aber das Problem, dass ich oben einen weißen Rand habe mit den 165px und der HEader immernoch über dem Element2 liegt.
Hat da jemand abhilfe?
Lg
