nicht angemeldet
Anker und position:fixed
Liebe Gemeinde,
ich bin müde und mich dürstet nach Trost :)
Ich habe einen Bereich mit position:fixed am oberen Rand positioniert (Höhe 70px, inklusive PNG mit Transparenz-Verlauf, sieht einfach wunderbar aus, ich schweife ab...) Wenn ich nun zu einem Anker springe, liegt er natürlich unter dem fixierten Bereich. So weit so gut, das Problem ist mir bekannt, also habe ich zunächst mit padding-top experimentiert, den Ankern (es handelt sich immer um eine Überschrift) mit height:200px eine Höhe verpasst, mit vertical-align:bottom nach unten gezwungen, nichts hilft. Der plöde Browser setzt den Anker völlig ignorant ;) an den Beginn der Seite. Meine weiteren Versuche mit .anker:before { content: "<br /><br /><br />"; } sind ebenso gescheitert, wie das unschöne Einfügen von <br /><br /><br /> direkt vor dem Text innerhalb von <hx>..</hx>. Gut, nächster Versuch: Der gesamte Inhalt (#content) bekommt margin-top:150px. Ob das geholfen hat? Na, würde ich dann posten? *g* Ich habe mich sogar dazu herabgelassen, ein Blind-Gif mit nachfolgendem <br /> in die Überschrift zu zwängen, doch selbst das hilft nicht.
Das Archiv spuckt auch nichts verwertbares aus: </archiv/2002/6/15777/#m88177>, </archiv/2002/5/12786/#m70737>, </archiv/2002/4/9496/#m52530>.
Eine Lösung für Opera, den besten aller guten Browser und daran besteht kein Zweifel ;) ist gefragt.
Danke & LG
Orlando
--
SELF-TREFFEN 2002
http://www.rtbg.de/selftreffen/
http://www.megpalffy.org/temp/penneninhh.html
-
Hi,
versuch es einfach mal mit 2 div-Bereichen, den ersten für Dein png und den zweiten für den Rest. Wobei Du natürlich dem 2. div-Bereich eine Scrollbar spendieren mußt (Attribute overflow).
barfuesser
-
Hi,
versuch es einfach mal mit 2 div-Bereichen, den ersten für Dein png und den zweiten für den Rest.
da fällt mir ein, dass ich eigentlich auch ein Link hätte setzen können, so in der Art von </faq/#Q-07c>... Die Bereiche befinden sich nämlich in zwei DIVs.
Wobei Du natürlich dem 2. div-Bereich eine Scrollbar spendieren mußt (Attribute overflow).
Daran hatte ich auch gedacht, aber der Scrollbalken gefällt mir ncht sonderlich gut. Naja, Opera kennt ohnehin kein overflow:scroll (http://www.opera.com/docs/specs/#css).
Danke & LG
Orlando--
SELF-TREFFEN 2002
http://www.rtbg.de/selftreffen/
http://www.megpalffy.org/temp/penneninhh.html
-
-
hi
ich weiß jetzt spontan nicht, ob Opera das versteht, aber setz das <a name=""> mit position:relative;top:-50px; etwas weiter nach oben. Dann wird dahin gehüpft und schon ist wieder Platz.
Grüße aus Bleckede
Kai
-
Hi Kai,
ich weiß jetzt spontan nicht, ob Opera das versteht, aber setz das <a name=""> mit position:relative;top:-50px; etwas weiter nach oben. Dann wird dahin gehüpft und schon ist wieder Platz.
nein, auch hier setzt er den Anker ungestört an den Beginn der Seite. Na bitte, wieder etwas, was er nicht kann - höre ich gar kein "Danke" für die zusätzliche Munition? >;)
Danke & LG
Orlando--
SELF-TREFFEN 2002
http://www.rtbg.de/selftreffen/
http://www.megpalffy.org/temp/penneninhh.html
-
-
Lieber Hirte,
Tolle et lege!
Eigentlich müßte ich ja jetzt schreien, "Ha, ha, Designfehler!". Aber mal soll ja nicht auf Leuten herumtrampeln die schon am Boden liegen.
Hm, wieso hast Du denn noch nicht das offensichtlichste ausprobiert, wenn Du schon anfängst <br>'s einzufügen? ;-)
Z.B. etwas wie das da:
#content a.ankerpunkt {
display:block;
height:40px;
}zusammen mit:
<h2 id="worum"><a class="ankerpunkt" id="hier"> </a>Worum
geht...</h2>Ich würde es persönlich ja wahrscheinlich nicht benutzen da mir die Abstände in den Überschriften dann im Normalzustand viel zu groß währen, aber naja, man kann hallt nicht alles haben.
Tschüß,
Sönke.-
Grüß Gott, mein Schäfchen
Eigentlich müßte ich ja jetzt schreien, "Ha, ha, Designfehler!". Aber mal soll ja nicht auf Leuten herumtrampeln die schon am Boden liegen.
Och, kein Problem, solange du eine Lösung parat hast, kann ich ziemlich devot sein :p
Hm, wieso hast Du denn noch nicht das offensichtlichste ausprobiert, wenn Du schon anfängst <br>'s einzufügen? ;-)
Offensichtlich war für mich nur die Maserung des vor meinem Schädel befindlichen Brettes...
#content a.ankerpunkt {
display:block;
height:40px;
}<h2 id="worum"><a class="ankerpunkt" id="hier"> </a>Worum
geht...</h2>Jepp, eine gute Idee. Nicht das, was ich als "schön" bezeichnen würde, aber es funktioniert: http://skop.net/self/anker/.
Ich würde es persönlich ja wahrscheinlich nicht benutzen da mir die Abstände in den Überschriften dann im Normalzustand viel zu groß währen,
Eventuell verkleinere ich noch den Verlauf, aber der Abstand stört mich im Moment nicht wirklich.
aber naja, man kann hallt nicht alles haben.
Ich bin so furchtbar schlecht darin, zwischen den Zeilen zu lesen, also hauche ich nur ein unschuldiges "Danke" ;)
LG Orlando
--
SELF-TREFFEN 2002
http://www.rtbg.de/selftreffen/
http://www.megpalffy.org/temp/penneninhh.html
-