On ne peut pas centrer un élement qui est en position:absolute, parce qu'en précisant le "top" et "left", on lui donne une position fixe.
C'est bien ça?

J'essais de le positionner en haut de manière "ergonomique", en bref que ça fasse du sensEn effet, le positionnement absolu ou relatif a des désavantages du fait de sa rigidité : il ne permet pas (ou difficilement) l'adaptation du site aux différentes résolutions la plupart du temps.
Attention cependant : cette rigidité n'est que fictive et due aux valeurs fixes données en général par les logiciels comme Dreamweaver. On peut très bien positionner en absolu en pourcentage ou en em. On peut également très bien centrer un site avec des positions absolues. Il faut simplement comprendre comment il fonctionne et ne pas se contenter des positionnements "à la dreamweaver".
Lorsqu'il est en position absolue ou relative, le bloc est dit "positionné". Il est retiré du "flux" du code html : son positionnement sera le même quelle que soit l'emplacement de la balise dans le conteneur. Le bloc est placé par rapport à son conteneur s'il est lui-même positionné, ou alors par rapport à la page entière (body).
En absolue, le bloc est généralement placé à l'aide des propriétés "top" et "left" par rapport au coin supérieur gauche du conteneur. Si les valeurs top et left sont inexistantes, le bloc apparait là où il est déclaré ce qui peut servir pour placer correctement dans la page des éléments superposés sans avoir de zone vide crée comme avec les positions relatives.
Merci, j'ai mis width:90% et left, right: 10%calimo a écrit :Tu as mis width:100%;, donc le bloc .menu fait la largeur de la fenêtre, mais tu le décales de 10% avec right:10%. Il faut mettre width:80%Un petit test... et ça marche !
Ils sont déjà sur <dl>:calimo a écrit : Petite remarque : les onmouseover et onmouseout il suffit de les mettre sur le <dl> sinon ça fait tout clignotter
Code : Tout sélectionner
<div class="menu">
<dl onmouseover="montre('smenu1');" onmouseout="cache('smenu1');">
<dt><a href="#">Menu 1</a></dt>
<dd id="smenu1" onmouseover="montre('smenu1');" onmouseout="cache('smenu1');">
<ul>
<li><a href="#">Sous-menu 1.1</a></li>
<li><a href="#">Sous-menu 1.2</a></li>
<li><a href="#">Sous-menu 1.3</a></li>
</ul>
</dd>
</dl>.....
</div>
Oui en effet, en 800x600 avec 90%, 10%, 10%:calimo a écrit :Ce qui fait un total de 110 %
Code : Tout sélectionner
.menu dl {
float: left;
width: 9.5em;
}
Utilisateurs parcourant ce forum : Aucun utilisateur inscrit et 1 invité