Div qui se déplace

Fermé
widi70 Messages postés 649 Date d'inscription jeudi 4 janvier 2007 Statut Membre Dernière intervention 22 juillet 2019 - 12 mars 2009 à 14:46
Bonjour à tous,
J'ai quelques difficultés en ce qui concerne un menu réalisé en javascript.
voici le lien:
https://www.rbs-france.fr/
Donc pour la première page tout va bien.
Le problème vient apres cliquer par exemple sur reliure authentique->thermo relieur individuelle
Tous c'est décalé.... ALors je ne comprend pas trop. En plus suivant les tailles d'ecran qu'on peut avoir le menu en vert avec les onglets se déplace vert la droite donc c'est vraiment moyen.

Voici mon css : je ne vous met pas tout les #menu va jusqu'à 9 ce qui est logique suivant toujours le même principe
#header
{ text-align: left ;
position:relative;
height: 255px ;
background-color:#FFFFFF;
background-image:url(../entete_rbsnew.jpg);
background-repeat:no-repeat;
z-index:400;
}

#menu {

top:0;
left:0;
margin:0;
padding:0;
margin-left:5px;
display:block;

padding-top:210px;
height: 120px;
z-index:400;
text-align: left;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:4px;

}
#menu dl {

float: left;
display:block;
background: url("../../normal.gif")
repeat-x bottom;
width:100px;
height:40px;
}
#menu dt {
cursor: pointer;
text-align: center;
font-weight: bold;
background:url("../norm_left.jpg")
no-repeat left top;
z-index:400;
}
#menu dd {
border: 1px solid gray;
z-index:400;

background-color: #99CC33;
}
/* menu dd correspond au menu qui descend*/
#menu li {
text-align: left;
}
#menu li a, #menu dt a {
text-decoration: none;
display: block;
height: 100%;
border: 0 none;
z-index:300;
}
#menu li a:hover, #menu dt a:hover {
background: #eee;
}
/* couleur lorsque menu selectionné*/
#smenu1 {
position:absolute;
left:40px;
top:252px;
z-index:300;
width:750px;
}
#smenu1 li{

background-color: #99CC33;
color:#FFFFFF;

}
#smenu1 li a{
color:#FFFFFF;

}
#smenu1 li a:hover{
color: #00CC33;
}

et HTML (idem je met pas tout )
<div id="conteneur">
<div id="header">
<div id="conseil">
<font color="#003366" ><b>Besoin d'un conseil : 03.84.78.30.30</b></font>
</div>
<div id="menu">
<table border="0" width="900">
<tr>
<td>
<div id="w30">
<dl>
<dt onmouseover="javascript:montre();"><a href="https://www.rbs-france.fr/"><img src="../maison.gif" border="0" width="15px" /></a></dt>
</dl>
</div>
</td>
<td>
<div id="w90">
<dl onmouseover="javascript:montre('smenu1');" onmouseout="javascript:cache('smenu1');" >
<dt>Reliure authentique</dt>
<dd id="smenu1" >
<table border="0" width="750" >
<tr>
<td valign='top' >
<ul ><div id="soustitre">
<table>
<tr>
<td width='30px'></td>
<td><li><a href="https://www.rbs-france.fr/">Ma Reliure personnalisée</a></li></td>
</tr>
<tr height='8px'><td width='30px'></td></tr></tr></tr>
</table>

</div></ul >
<FONT Color="#336600" align="left"><div id="titre">RELIURE EN COUVERTURE PREENCOLLEE</div></font>

<ul><div id="soustitre">
<table>
<tr>
<td width='30px'></td>

<td><li><a href="https://www.rbs-france.fr">Thermorelieur individuelle</a></li></td>
</tr>
<tr>
<td width='30px'></td>
<td><li><a href="https://www.rbs-france.fr">Thermorelieur multi-relieur</a></li></td></tr>
<tr height='8px'><td width='30px'></td></tr></tr></tr>
</table>
</div></ul>



Merci d'avance bcp de votre aide..