18041 sujets

Questions générales et questions de débutants

[resolu] Probleme lien ancre et déplacement div

Bonjour à tous,

Sur un site, j'affiche les titres d'une liste de "news" en haut d'une div. Chacun de ces titres renvoie dans la même div au développement de la news (description, photo, ...) par le biais d'une ancre. Les news viennent d'un base de donnée, la page est en html/CSS validé.
Mon problème... Les ancres fonctionnent dans les 2 sens (vers le descriptif et le haut de page), mais quand je clique sur un titre en haut de page, d'autres div sont décallées (d'un chouilla vers le haut)... ??? Ca le fait sous IE, comme sous firefox.

J'ai fais plein de recherches et bcp de tests mais Smiley bawling ... Si vous avez une idée...

merci d'avance.
Modifié par seb*** (03 Sep 2007 - 12:37)
Salut seb*** Smiley cligne ,

sans code ou page en ligne ça va être difficile de t'aider Smiley langue .

A tout hasard, regardes si tu as quelque chose de particulier dans ton css sur les a:active Smiley rolleyes

A+
Certes...
Merci pour la réponse.

voici le code:


<body>
	<div id="centerpage">		
		<div id="bandeau_gauche">
			....
		</div>
		<div id="bandeau_menu">
			....
		</div>
		<div id="bandeau_droit">
			<p><a href="#" name="haut" id="haut"></a></p>
			<h1>- L'ACTUALITE DE PEARL -</h1>
			<ul class="ul_news">
				<li class="li_news"><a href="#news_0" class="lien gras">Bien l bonjour monsieur le facteur</a></li>
				<li class="li_news"><a href="#news_1" class="lien gras">Une news sans image... Quelle tristesse !</a></li>
				<li class="li_news"><a href="#news_2" class="lien gras">Et hop, comme dirait Mr Talon, encore une news</a></li>
				<li class="li_news"><a href="#news_3" class="lien gras">Pearl... Toujours plus haut !!!</a></li>
			</ul>
			<hr />
			/*description news 0*/
			<p><a href="#" name="news_0" id="news_0"></a></p>
			<p class="gras">Bien l bonjour monsieur le facteur</p>
			<p class="news"><img src="img/news/news_3.jpg" class="droite" alt="Bien l bonjour monsieur le facteur" title="Bien l bonjour monsieur le facteur" />news 2 vnuipoz vrzjiopvrz jiopvgzr vnjrzopvbr zvbrzjiopbgrz opvrzbzr news 2 vnuipoz </p>
			<p class="haut_news"><a href="#haut" class="lien petit-texte">Retour au haut de la page</a></p>
			/*description news 1*/
			<p><a href="#" name="news_1" id="news_1"></a></p>
			<p class="gras">Une news sans image... Quelle tristesse !</p>
			<p class="news">Et ben oui... Par un malencontreux hasard, Pe@rL a égaré son appareil photo.Du coup, ...</p>
			<p class="haut_news"><a href="#haut" class="lien petit-texte">Retour au haut de la page</a></p>
			
			etc etc ...
			
		</div>
		<div id="nav-rapide">
			<img src="img/rubrique/img_rub2_nav.jpg" alt="" title="" />
			<p><a href="index.php" class="lien_nav_rapide">Accueil</a> :: <a href="pearl-presentation.html" class="lien_nav_rapide">Présentation</a> :: <a href="pearl-presentation-nouvelles.php" class="lien_nav_rapide">L'actualité de Pe@rL</a></p>
		</div>
	</div>
<body>


Le centerpage centre la page avec des left top à 50% et des marges négatives.
Ensuite, il y a 3 div principales: bandeau gauche, menu et droit.
C'est dans le bandeau droit qu'il y a les ancres... Et c'est le tout qui bouge quand je click sur les liens.

Pour l'instant, je travaille en local... Et il faut que j'installe les bases de donnée... Donc pour la démo, c'est chez moi Smiley cligne



a:active ... Quesako ??? En tout cas, il n'y a pas ça dans mes CSS, je ne connais pas.
Modifié par seb*** (01 Sep 2007 - 03:34)
Finalement ça marche.
La div principale "centerpage" avait un "overflow: hidden".
La div "bandeau droit" avait un "overflow: auto".
Dans ce cas, tout se décallait avec les liens sur les ancres.

En enlevant "overflow: hidden" du centerpage, tout roule...

Mais je ne comprend pas pourquoi !!! Si quelqu'un a une explication...
j'avais déjà connu ce type de problème avec IE6,
les images/liens se décalaient lors du passage de la souris.
j'ai remplacé les valeurs variables par des valeurs fixes
(les % en px)
Sujet clos
Aller à