OVH Cloud OVH Cloud

ancre et position fixed

5 réponses
Avatar
Steph. k.
Bonjour tlm,

J'ai besoin pour une page A d'appeller une autre page B (un glossaire),
sur la page A je fait un simple appel :
<a href="pageB.htm#pointAAtteindre>mon lien</a>
avec sur la page B :
<h1>Glossaire</h1>
<h2 id="pointAAtteindre">Point à atteindre</h2>
<p>ma définition</p>
Jusque là c'est simple et ca fonctionne, seulement la page B a le sommet
de la page (environ 50px de haut) en position:fixed et avec un z-index
supérieur au corps du document afin que celui-ci passe dessous la partie
tjs visible et là les emm****s commencent. Cette stupide ancre vient se
caler derrière le sommet de page et je n'arrive pas à ce que <h2
id="pointAAtteindre">Point à atteindre</h2> apparaisse pile poil sous le
sommet de page.
J'ai essayé de jouer avec les marge de h2 mais je n'obtiens rien de
probant, quelqu'un aurait-il une idée ?
Si je n'ai pas été assez clair, c'est ici que cela se passe :
http://www.acces-pour-tous.net/outils_php/verif_prio1.php

--
Steph. K.
http://www.acces-pour-tous.net
Quand le merle chante en mai, avril est fini.
Coluche

5 réponses

Avatar
s t e f
Steph. k. wrote:
Bonjour tlm,

J'ai besoin pour une page A d'appeller une autre page B (un glossaire),
sur la page A je fait un simple appel :
<a href="pageB.htm#pointAAtteindre>mon lien</a>
avec sur la page B :
<h1>Glossaire</h1>
<h2 id="pointAAtteindre">Point à atteindre</h2>
<p>ma définition</p>
Jusque là c'est simple et ca fonctionne, seulement la page B a le sommet
de la page (environ 50px de haut) en position:fixed et avec un z-index
supérieur au corps du document afin que celui-ci passe dessous la partie
tjs visible et là les emm****s commencent. Cette stupide ancre vient se
caler derrière le sommet de page et je n'arrive pas à ce que <h2
id="pointAAtteindre">Point à atteindre</h2> apparaisse pile poil sous le
sommet de page.
J'ai essayé de jouer avec les marge de h2 mais je n'obtiens rien de
probant, quelqu'un aurait-il une idée ?
Si je n'ai pas été assez clair, c'est ici que cela se passe :
http://www.acces-pour-tous.net/outils_php/verif_prio1.php



Mmmmh. A part un petit bout de JS pour faire redescendre tout ça de
50px, je ne vois pas bien ce que tu pourrais faire...
s t e f
Avatar
Nicolas Moreau
Steph. k. wrote:

<a href="pageB.htm#pointAAtteindre>mon lien</a>
avec sur la page B :
<h1>Glossaire</h1>
<h2 id="pointAAtteindre">Point à atteindre</h2>
<p>ma définition</p>
Jusque là c'est simple et ca fonctionne, seulement la page B a le sommet
de la page (environ 50px de haut) en position:fixed et avec un z-index
supérieur au corps du document



Ca t'aideras pas dans l'immédiat, mais un petit :

h2:target{
margin-top:5em;
}

pourrait faire l'affaire dans le futur ?

--
Nicolas Moreau
Avatar
Steph. k.
Nicolas Moreau wrote:
[...]
Jusque là c'est simple et ca fonctionne, seulement la page B a le
sommet de la page (environ 50px de haut) en position:fixed et avec
un z-index supérieur au corps du document



Ca t'aideras pas dans l'immédiat, mais un petit :

h2:target{
margin-top:5em;
}

pourrait faire l'affaire dans le futur ?



<je plaisante>
Et pour l'immédiat je fais :
<p><a name="doctype"></a></p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<h2>Déclarez un doctype et validez vos pages !</h2>
<p>
avec du js pour détecter le navigateur car IE n'a pas ce problème vu
qu'il ne supporte pas position:fixed
</je plaisante>
Plus sérieusement ca m'apparaît être un bug assez chiant à contourner,
si quelqu'un veut le déclarer. Même comportement avec Netscape 7.1 fr et
Firebird 6.1 en

--
Steph. K.
http://www.acces-pour-tous.net
Avatar
Nicolas Moreau
Steph. k. wrote:

Plus sérieusement ca m'apparaît être un bug assez chiant à contourner,
si quelqu'un veut le déclarer. Même comportement avec Netscape 7.1 fr et
Firebird 6.1 en



Où se situe le bug, pour moi c'est un comportement normal ?
si tes divs positionnés en absolu sont placés avec des top, tu peux
toujours tenter un margin ou padding sur <body> ?

--
Nicolas Moreau
Avatar
Nicolas Moreau
Nicolas Moreau wrote:

si tes divs positionnés en absolu sont placés avec des top, tu peux
toujours tenter un margin ou padding sur <body> ?



bon, j'ai dit une belle c*nnerie, je suis fatigué moi :)

--
Ni!colas