J'ai HTML et CSS comme ci-dessous -
|----------------------------------------------------| | Text | |----------------------------------------------------|
6 Réponses :
style l'ancre et retirez la portée.
(le problème est due à la manière dont certains navigateurs manipulent des éléments Affichage: Bloc Intérieur des éléments Affichage: Inline . Vous pouvez le contourner en coiffant à la fois le ancrage et la plage, mais la portée semble redondante dans cet exemple)
Certainement, vous devez supprimer la portée et appliquer cette classe à la balise d'ancrage. Je ne pense pas que vous ayez besoin de définir la largeur à 100% explicitement, mais je pourrais me tromper.
Supprimez la portée supplémentaire et placez cette classe de titre sur le lien même. Puis ajouter la largeur: 100%; au CSS.
Moins de marquage est le plus souvent meilleur, c'est pourquoi vous devriez supprimer la portée supplémentaire.
Vous pouvez également utiliser la marge ou le rembourrage
Donnez un style à l'ancre de Affichage: Bloc et Max-largeur: 30px! Important; La taille maximale de la largeur maximale peut être n'importe quel
Essayez de faire l'ancre un élément de bloc, aussi. Sinon, vous avez un élément de bloc (span avec affichage: bloc) à l'intérieur d'un élément en ligne.
Fonctionne pour moi (dans IE6,7 et 8) ... donc ça pourrait être autre chose? Sinon, je suggérerais de faire comme David suggère ci-dessous, comme c'est une meilleure solution. (fonctionne également dans IE6,7 et 8)
@Perix .. oui .. Réglage de l'ancre comme bloc a fait le tour. Acclamations.