Bonjour,

je suis en train de créer un site et pour la première fois, j'utilise xhtml et css, et j'ai un pb d'affichage avec safari.
J'ai un menu horizontal, et qd on passe la souris sur l'une des catégories, ça affiche dessous un sous menu, contenu ds une boite marronatre. Le pb, c'est que cette boite, au lieu d'adapter sa largeur en fonction de son contenu, prend une largeur aléatoire (bien trop grande). Et ça, seulement sur safari. J'ai essayé sur camino & sur Opera, Firefox et même IE (!!!) version pc, tout marche.
Je vous laisse voir par vous même : http://www.valerieletard.org/index.php3 .
Si quelqu'un peut jeter un oeil au code source (les styles css s'y trouvent) et m'expliquer le pb, ça serait super !

Merci,

Sylvain
Modifié par pepito_banzai (22 Feb 2006 - 09:23)
Pas d'idée particulière pour ce problème.
Si ça peut en aider certains, c'est un problème qui semble dater de KHTML (on le trouve en tout cas également avec une version récente de Konqueror).

Pas de problème par contre avec Opera.
d'après un petit gars du forum macgeneration ,le pb vient de
#nav li ul {
white-space: nowrap;
}

Or si j'enlève nowrap, le texte de mes sous-catégories se retrouve sur plusieurs lignes. Y a t'il un autre attribut qui permet d'éviter les retours à la ligne ?


edit : j'ai essayé avec l'attribut 'pre' et même pb.
Modifié par pepito_banzai (21 Feb 2006 - 20:17)
Ca y est, j'ai résolu le probleme comme ça :

#nav li li a {

white-space: nowrap;

}

au lieu de

#nav li ul {

white-space: nowrap;

}


Merci pour votre aide.