Problem mit Ankern bei fixem Kopfbereich

[ottogal]

Hallo in die Runde,

ich habe einen festen div #header mit

  
  #header {  
    position: fixed; top: 0;  
    overflow: hidden; z-index: 100;  
    height: 5em;  
    margin: 0; padding: 0;  
    ...  
    }  

und dementsprechend dem nachfolgenden div #main einen oberen margin verpasst:

  
  #main {  
    margin-top: 5em;  
    ...  
    }  

Das klappt wie es soll, mit Fx3 und IE8. Es geht aber nicht um andere Browser - vielmehr habe ich dass Problem, dass beim Anspringen eines Ankers weiter unten in der Seite diese soweit hochscrollt bis die Anker-Position an der Oberkante des Viewports liegt - und damit der feste Header einen Teil des angesprungenen Inhalts verdeckt.

Gibts da einen Ausweg?

Dank und Gruß
ottogal

[suit]

Gibts da einen Ausweg?

Schon mit padding statt margin versucht?

[ottogal]

Schon mit padding statt margin versucht?

Klar - aber das ändert nichts.

[suit]

»» Schon mit padding statt margin versucht?
Klar - aber das ändert nichts.

Kann ich nicht nachvollziehen.

[ChrisB]

Hi,

vielmehr habe ich dass Problem, dass beim Anspringen eines Ankers weiter unten in der Seite diese soweit hochscrollt bis die Anker-Position an der Oberkante des Viewports liegt - und damit der feste Header einen Teil des angesprungenen Inhalts verdeckt.

http://molily.de/css-position-fixed

MfG ChrisB

[ottogal]

Hi ChrisB,

danke für den Link - sehr hilfreich!
»» http://molily.de/css-position-fixed

Gruß
ottogal