2012-10-31 3 views
0

Comment définir 100% d'ancrage de largeur sans largeur parent dans IE7? Fonctionne très bien dans IE8 et au-dessusIE7 100% largeur d'ancrage sans définir la largeur du conteneur

Exemple: http://jsfiddle.net/GVj6K/2/

HTML

<div> 
    <ul> 
     <li><a href="#">bla</a></li> 
     <li><a href="#">bla bla lorem ipsum</a></li> 
     <li><a href="#">bla bla </a></li>   
    </ul> 
<div> 

CSS

div{ 
position:absolute; 
}  

ul{ 
list-style:none; 
margin:0; padding:0; 
} 

a{ 
display:block; 
padding:5px 10px; 
white-space:nowrap; 
width:auto;  
}  

a:hover{ 
background-color:#f0f0f0; 
} 
+0

Est-ce que votre div doit absolument être positionné? Cela le fait sortir du flux du document et perd de sa largeur ... – MassivePenguin

+0

oui ... div doit être en position absolue – Moriarty

+0

Ensuite, vous devrez peut-être impliquer JavaScript car le contexte pour définir la largeur en CSS est manquant. – MassivePenguin

Répondre

1

Mettez une couleur de fond sur les Mots clés: http://jsfiddle.net/GVj6K/12/

a{ 
display:block; 
padding:5px 10px; 
white-space:nowrap; 
width:auto; 
background:#fff; 
} 

Ou, vous pouvez utiliser une mosaïque trans.gif

+0

+1 Je dois aimer IE 7. – StuartLC

+0

Je joue avec la hauteur: 1; sur l'ancre et la hauteur de la ligne: 1; sur LI .. fonctionne bien aussi .. mais pas dans jsfiddle .. thx – Moriarty

Questions connexes