28172 sujets

CSS et mise en forme, CSS3

Salut,

j ai un probleme de marge qui saute en cliquant sur une ancre nommé, c est assez bizarre car le problème est le même et dans IE et dans firefox et assez incompréhensible.

Les clics sur les élements du menu permettent de charger une partie de la page via Javascript (mootools) et les ancres me servent à permette d afficher la bonne partie en la recuperant depuis JS.. mais le probleme est ailleurs :

mon css :

a écrit :

#maincontent{
margin:0 0 0 10px;
padding:10px 0 0 10px;
height:640px;
width:auto;
overflow:hidden;
}

#ssmenu{
padding:0 0 20px 60px;
}


mon html :

a écrit :

<div id="maincontent">
<div id="ssmenu">
<table width="630">
<tr>
<td><a href="xx.php#ancre" class="linkgreen" id="dev">xxxx</a></td>
<td><a href="xx.php#autre" class="linkgreen" id="info">xxxx</a></td>
<td><a href="xx.php#autreautre" class="linkgreen" id="multi">xxxx</a></td>
</tr>

</table><br /></div>
<div id="afficheviamootools">mon contenu</div></div>


voici les problemes en detail

- si je clique sur la troisieme ancre (et uniquement celle la) le navigateur scrolle en placant le menu tout en haut, alors que je ne vois aucune difference au niveau html entre celle ci et les deux autres.

- en cliquant sur cette derniere, la marge supérieure du menu saute
Salut,

J ai trouvé le probleme : le nom de l ancre etait le meme que le nom du id du lien, et ca plaisait pas trop aux navigateurs

a écrit :

<a href="page.php#nomtruc" id="nomtruc">truc</a>


--> pas bon

a écrit :

<a href="page.php#autretruc" id="nomtruc">truc</a>


--> OK

Merci !!