Problème d'espacement

Question

J'ai une div avec une marge et un remplissage. Et je veux cacher le contenu à l'intérieur de la div. J'utilise js pour montrer, cacher le processus. Le problème est quand j'ai essayé de cacher le contenu, il se cache mais l'espacement ou l'écart reste le même. Firefox rend correctement, mais pas dans ie. Comment puis-je résoudre ce problème en utilisant css?

Answer 1

Vous pouvez utiliser des divs imbriqués, placer le remplissage et les marges que vous ne voulez pas masquer dans la div parente et le remplissage et la marge que vous souhaitez masquer dans la div enfant et masquer uniquement la div div avec votre javascript.

Answer 2

Si vous supprimez le contenu d'un div, il peut être complètement masqué avec les marges et les paddings dans certains brwosers mais rester visible avec les marges et le remplissage dans les autres.

Vous pouvez essayer d'appliquer simplement le style d'affichage à la div:

<div style="display:none;"> 
    text... 
</div> 

et il sera complètement.

Answer 3

Essayez de retirer le contenu et réglant le remplissage du conteneur à 0.

Sinon, pour garder les choses un peu plus net; supprime la marge du div conteneur, ajoute un div wrapper avec la même valeur de marge mais en tant qu'attribut de remplissage, et affiche/cache simplement le conteneur div.

CSS

#wrapper, #container{ 
    padding:1em; 
} 

---

HTML

<div id="wrapper"> 
    <div id="container">This is the content that will be hidden</div> 
</div> 

Answer 4

j'en train de lire votre mauvaise question, mais je suppose que, puisque la « espacement et écart restent (sic) le même, "vous utilisez

#style {visibility: hidden; } 

Si vous utilisez

#style {display: none; } 

et tout ce qui a l'id de style sera supprimé du document tout à fait, plutôt que de simplement hidden de la vue.