2010-12-09 34 views
1

Dans mon en-tête de page, j'ai une image div avec overflow:hidden.HTML Bookmark + CSS Overflow: Caché - contenu disparaissant?

Dans la zone de contenu, j'ai une balise d'ancrage de signet:

<a name="arghargh"></a> 

Au sommet de la zone de contenu, j'ai un lien vers le signet:

<a href="#arghargh">go the the bookmark</a> 

Lorsque je clique sur le lien, le contenu disparaît, ne laissant que tout en dehors du contenu div. J'ai trouvé this post décrivant exactement le même problème. Basé sur cela, j'ai enlevé le overflow:hidden, et tout fonctionne bien, sauf que j'ai besoin de overlow:hidden pour le formatage de la page pour fonctionner correctement.

Aide!

Mise à jour

Il semble que, avec overflow:hidden, le signet est à l'origine de la div pour faire défiler en interne, qui se déplace tout le contenu jusqu'à la balise de signet est en haut de la zone visible. Ce n'est pas cool.

+0

Avez-vous un lien vers le site du problème? – Kyle

+0

Ce n'est pas accessible au public. –

+0

Dans ce cas, pouvez-vous télécharger un exemple (de préférence simplifié) sur jsfiddle.net? – Kyle

Répondre

0

Supprimez overflow:hidden et ajoutez <div style="clear:both"></div> comme dernier élément interne pour que la mise en forme de la page fonctionne correctement.

+0

Cela ne résout pas mon problème. Ces choses ne sont pas vraiment équivalentes. –

0

Vous ne pouvez pas simplement utiliser id="arghargh" sur la div au lieu d'une balise d'ancrage? Est-ce que le problème se produit encore alors?

+0

Fait la même chose. –