28173 sujets

CSS et mise en forme, CSS3

Salut,


J'ai parcouru plusieurs fois les liens de la FAQ, regardé dans bouquin css 2 et les autres que j'ai mais je ne trouve pas la solution.


J'aiune structure de ce type
<dl>
<dt><a href="#">Services</a></dt>
<dd>

<ul>
<li><a href="#">Livraison</a>|</li>
<li><a href="#">Décoration</a>|</li>
<li><a href="#">Devis gratuit</a>|</li>
<li><a href="#">Location</a>|</li>
<li><a href="#">Suivi chantier</a>|</li>
<li><a href="#">Nouvelle construction</a>|</li>
<li><a href="#">Formation</a></li>

</ul>
</dd>
</dl>


Mais menu dl sont positionné en flottant pour permettre qu'ils s'affichent horizontalement.

Lorsqu'on passe sur le titre d'un dt, le menu ul avec les li s'affiche en dessous.

Tout ca extensible en fonction de la largeur du navigateur.

Le problème est que les sous menu ul ne se dimensionne pas pour prendre toute la largeur, ils calculent la largeur à droite par rapport au positionnement du titre dt, ce qui diminue petit à petit la taille disponible pour les sous menu li

Ce problème n'apparait que dans ie et opera


Voir sur http://www.thermofloc-benelux.com/essai/absolumodele.htm

Il semblerait qu'il faille donner une taille définie pour que ca fonctionne sur Opera et ie, ce qui ne m'arrange pas lors d'un redimensionnement du navigateur et qui ne donne pas un aspect visuel correct car retour à la ligne.

Si quelqu'un peut regarder et m'aider, alors me dire d'abandonner parce qu'il n'y a pas de solutions.


Merci pour votre aide


Yanic
Modifié par yanic (27 Jan 2006 - 20:50)