Pourquoi ne pas les marges négatives de travail dans IE 7?
J'ai déclaré une marge négative sur un lien, mais il ne fonctionne pas sur IE 7.
#search a {
color: #E5E5E5;
text-decoration: none;
font-weight: bold;
float:right;
margin-top:-20px; //this is not working on ie, only mozilla
}
Est-il un correctif pour cela?
Qui doctype utilisez-vous?
probablement doctype incompatibilité couplé avec un pas display: block(c'est à dire ne donne pas de mise en page pour un élément non explicitement display: block même si vous float)
j'ai essayé d'afficher le bloc, elle deosnt travail encore :((
pouvez-vous faire un jsfiddle de votre problème?
<!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
probablement doctype incompatibilité couplé avec un pas display: block(c'est à dire ne donne pas de mise en page pour un élément non explicitement display: block même si vous float)
j'ai essayé d'afficher le bloc, elle deosnt travail encore :((
pouvez-vous faire un jsfiddle de votre problème?
OriginalL'auteur pingpong | 2011-04-04
Vous devez vous connecter pour publier un commentaire.
{position: relative;}
peut être nécessaire, comme l'a déjà noté, mais vous pouvez avoir un autre problème:En général, IE7 ne tirera pas la partie d'un élément qui fait saillie à l'extérieur de son conteneur parent si des marges négatives, c'est la technique utilisée pour retirer l'élément de cette façon (même si elle devra respecter les autres moyens d'effectuer saillie, comme
{overflow: visible}
).C'est un "hasLayout", c'est à dire un bug, et d'un traitement approfondi de il peut être trouvé à la "A Disposition: Marge Négative Bug.
Comme cité ci-dessus les notes de référence, il y a des façons de faire IE7 pour la peinture de la partie d'un élément avec des marges négatives qui fait saillie à l'extérieur de ses parents, mais il s'agit de "... de ne pas utiliser les propriétés de donner un élément de mise en page." et qui est potentiellement restrictives à d'autres techniques de conception que vous souhaitez utiliser, et a d'autres effets secondaires (voir la référence citée).
Mais pour répondre à votre question: pour la solution de contournement, voir la liste des propriétés qui induisent "hasLayout" à Me Faire De Mise En Page! S'il vous plaît!, (comme la position, la hauteur et la largeur -- oups!) et être sûr qu'aucun d'entre eux sont appliquées à votre conteneur.
pour mémoire: j'ai trouvé le salut dans position: relative; plus de zoom: 1;. — ( J'avais donné mon principal "classique" d'une seule colonne mise en page d'un droit négatif de la marge, avec de la chambre à flotteur éléments pour les deux/trois mises en page en colonnes... qui a éclaté au début )
OriginalL'auteur Faust
Position: relative;
C'est un bon guide pour l'utilisation des marges négatives http://www.smashingmagazine.com/2009/07/27/the-definitive-guide-to-using-negative-margins/
Pouvez-vous montrer votre code pour le tester?
ses sur jsfiddle jsfiddle.net/ZFJyy/3
Il fonctionne réellement pour moi de visiter omar.happypunkpanda.com/stack/negative-left.html, j'ai ajouté des frontières du corps de récipient de sorte que vous pouvez voir l'-30px gauche
oh wow, u même résolu le problème de saisie de texte, est-ce correct si vous pouvez montrer ce que vous chnaged exactement merci à vous, je suis un peu trop lent!!
OriginalL'auteur omabena
Assurez-vous de définir un Doctype valide. En mode Quirks ne permet pas de marges négatives.
OriginalL'auteur dtbarne