Bonjour a tous et a toutes !!
Voila j'ai un petit souci sur un menu horizontal css.
Le contenu texte du menu est dynamique, il n'a pas de largeur précise, et ce que je voudrais faire c'est adapter la largeur de mes cellules <li> à la largeur du texte.
Le petit script ci dessous fonctionne sous FF mais pas sous IE
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>essai largeur</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <style type="text/css"> <!-- #ssmenu{ margin: 0px; margin:0px; font :1em arial; color:#000;} ul { list-style-type: none; width: 100%; /* précision pour Opera */} #ssmenu li { float:left; /* MON PROBLEME EST ICI */ /* #################### */ width:auto; /* #################### */} #ssmenu a { border: 1px solid #000; height: 27px; display: block; text-align:center;} --> </style> </head> <body> <ul id="ssmenu"> <li><a href="">aaa</a></li> <li><a href="">aaaaaa</a></li> <li><a href="">aaaaaa aaa</a></li> <li><a href="">aaaaaa aaaaaa</a></li> <li><a href="">a</a></li> </ul> </body> </html>
Aidez moi please, le client est sous IE !
en plus je suis sur qu'il s'agit d'un truc tout con !!