an die linksetzer: Mozilla & interne verweise

[willie.de]

hallö ins forum,

mein problemchen: Mozilla huppelt bei feststehendem (position:fixed; top:0; ) oberen menü zu weit bei internen verweisen. scheinbar genau die höhe, die eben das menü hat. dazu gabs hier schon postings, kann aber grade absolut nichts finden...

danke an die linksetzerInnen & grüße aus Leipzig
willie.de

[Christian Seiler]

Hallo willie.de,

mein problemchen: Mozilla huppelt bei feststehendem (position:fixed; top:0; ) oberen menü zu weit bei internen verweisen. scheinbar genau die höhe, die eben das menü hat. dazu gabs hier schon postings, kann aber grade absolut nichts finden...

Siehe auch: http://www.jendryschik.de/wsdev/css/fixed/#anker

Viele Grüße,
Christian

[willie.de]

das ging ja schnell!
DAHANKE!

grüße aus Leipzig
willie.de

[Orlando]

Hi Christian,

http://www.jendryschik.de/wsdev/css/fixed/#anker
http://home.t-online.de/home/dj5nu/css-position-fixed.html

vor kurzem habe ich mit Mathias darüber diskutiert. Derzeit präferiere ich folgende Lösung:

h2:before {
 content:url(foo.gif);
 display:block;
 width:175px;
 height:80px;
 visibility:hidden;
}

<h2 id="a">Anker A</h2>
<p>bla</p>
...
<h2 id="b">Anker B</h2>
<p>bla</p>
...

Eine extra Auszeichnung im Markup ist damit nicht notwendig. Bindet man ein Bild (anderem generiertem Inhalt lässt sich leider keine Höhe zuweisen) ein, das ohnehin auf der Seite referenziert wird, zB ein Logo, fällt auch kein zusätzlicher Traffic an.

Beispiel: http://skop.net/self/position-fixed-anker_generated.html.

Ein Nachteil ist, dass man wegen der generierten Inhalte um alle fixed-Hacks für den M$IE umfällt.

Kommentare? Anregungen? Beschwerden? ;-)

Grüße,
 Roland

[stefan]

Hallo Orlando,

Beispiel: http://skop.net/self/position-fixed-anker_generated.html.
Ein Nachteil ist, dass man wegen der generierten Inhalte um alle fixed-Hacks für den M$IE umfällt.

Da könnte man für den gleichen Effekt in den "nur IE"-Stylesheet "h2{padding-top:80px}" einfügen. Mit dem 5.0er hats zumindest gerade funktioniert und ich meine mich auch daran zu erinnern, dass der 6er sich genmauso verhält (kanns gerade nicht überprüfen).

Kommentare? Anregungen? Beschwerden? ;-)

Ich bin begeistert! Hast Du http://skop.net/self/position-fixed-anker_generated.html gerade erst gebastelt, oder hältst Du es schon länger (wohlmöglich mit noch mehr CSS-Schätzen) versteckt? (:

schöne Grüsse + schö
stefan

[Orlando]

Hi Stefan,

Ein Nachteil ist, dass man wegen der generierten Inhalte um alle fixed-Hacks für den M$IE umfällt.

Da könnte man für den gleichen Effekt in den "nur IE"-Stylesheet "h2{padding-top:80px}" einfügen. Mit dem 5.0er hats zumindest gerade funktioniert und ich meine mich auch daran zu erinnern, dass der 6er sich genmauso verhält (kanns gerade nicht überprüfen).

ja, das könnte funktionieren. Tut es das tatsächlich? Ich kann mich erinnern, dass er sich ohne zusätzliche Tags ziemlich blöd angestellt hat.

Hast Du http://skop.net/self/position-fixed-anker_generated.html gerade erst gebastelt,

Das Beispiel stammt ursprünglich von molily, ich hab's nur umgebaut. Wir haben über die von ihm vorgestellten Vorschläge diskutiert. Es ging unter anderem darum, dass Opera einen Teil der CSS-Workarounds bis Version 6.0 nicht beherrscht (AFAIR erst ab 6.01). Ich habe schon früher versucht, den Abstand mit generiertem Inhalt herzustellen, aber erst vor kurzem mit einem Bild.

oder hältst Du es schon länger (wohlmöglich mit noch mehr CSS-Schätzen) versteckt? (:

Du meinst die 100 Entwürfe, die auf der Platte lagern? :-)

Grüße,
 Roland