28173 sujets

CSS et mise en forme, CSS3

Bonjour Smiley smile

Les items de mes onglets se comportent bizarrement sous IE 7 (IE 6 & FF OK). Quelques captures :

FF
upload/6853-ok.png

IE 7
upload/6853-bug.png

Le code associé :

HTML
<div id="menu_pere">
     <ul>
          <li>
               <table>
                    <tr>
                         <td class="debonglet bords"></td>
                         <td class="onglet">
                              <a class="longlet" href="">Rubrique X</a>
                         </td>
                         <td class="finonglet bords"></td>
                    </tr>
               </table>          
          </li>
     </ul>
</div>

CSS Simplifié
#menu_pere a {
display:block; }

#menu_pere a.longlet {
min-width:90px; }

J'ai 2 solutions pour remédier au problème mais celles-ci me dérangent quelque peu puisque le min-width n'est plus opérationnel :
- Retirer le min-width,
- Retirer le display:block;

Mais comme je viens de le dire je souhaite que les utilisateurs de Firefox aient une taille minimum définie. Au passage le min-width ne fonctionne qu'avec le display:block;

Des idées ? Smiley smile

EDIT : Le CSS est très fortement simplifié, s'il vous faut d'avantage de code y a juste à demander (mais je pense que le problème peut être résolu sans ligne supplémentaire Smiley cligne ).
Modifié par BeliG (29 May 2007 - 16:59)
Personne ne connait ce problème de fonctionnement du min-width en présence d'un display:block ? Smiley decu

Le min-width est bien compatible IE7 j'me trompe pas ?

Ce qu'il y d'étrange c'est qu'en présence d'un nom plus long le bug n'apparait plus :

upload/6853-strange.png

Merci Smiley smile