Si vous visitez cette page dans Firefox 3.6:espace au-dessus du contenu dans Firefox
http://unirazz.com/images/ww/home.html
Il y a un espace d'environ 10px au-dessus du contenu.
Qu'est-ce qui cause cet espace supplémentaire sur le dessus?
J'ai joué avec et j'ai pu éliminer un peu de l'espace en désactivant la règle margin: 10px 0; pour la classe "footer" ... de toutes choses. (. Je suis profondément troublé par cette)
Oui, à droite, j'ai enlevé la marge et je l'ai converti en padding, maintenant c'est bien. Quelle est la cause de cela? – coure2011
le problème est avec cette ligne:
<div class="clear"></div>
à l'intérieur du div.header
le clear: both dans sa css rend le problème .
supprimer cette balise et d'utiliser plutôt le clearfix
comme ceci:
ajouter une clearfix de classe à div.header:
<div class="header clearfix">
puis ajoutez ces lignes à votre css:
.clearfix:after {
content: "";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
.clearfix {
display: inline-block;
}
html[xmlns] .clearfix {
display: block;
}
* html .clearfix {
height: 1%;
}
s'il vous plaît noter la deuxième ligne avec attention: contenu: ""; Firefox est confondu avec la marge sur la page
+1 pour souligner clearfix –
Vous pouvez le réparer en utilisant:
div.content {
padding: 1px 30px;
}
Je pourrais aussi être un div superposé qui fait baisser le contenu div. Dans ma situation contraignant le div supérieur à une hauteur spécifique résolu.
Pour l'explication s'il vous plaît vérifier la capture d'écran http://unirazz.com/images/ww/home.jpg – coure2011
Peut être fermé sous la raison de fermeture officielle, d'autant plus que ce lien est 404 et ne démontre plus le problème: _Questions la recherche d'aide au débogage ("pourquoi ce code ne fonctionne-t-il pas?") doit inclure le comportement souhaité, un problème ou une erreur spécifique et le code le plus court nécessaire pour le reproduire dans la question elle-même. – halfer