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?
<!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

  1. 8

    {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.

    Merci beaucoup, {position: relative;} corrigé mon problème. J'allais faire le fou avec IE7 bug!
    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

  2. 1

    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/

    j'ai aded position:relative à il aswell, mais il wnt travail
    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

  3. 1

    Assurez-vous de définir un Doctype valide. En mode Quirks ne permet pas de marges négatives.

    OriginalL'auteur dtbarne