marge background-image IE6/padding/numéro d'espacement

Je conçois actuellement une page avec une fraction de bas de page en deux divs. La div supérieure affiche une image de fond pour la séparer de la page principale, et la seconde div contient le contenu réel du pied de page.marge background-image IE6/padding/numéro d'espacement

Il ressemble à ce qui suit dans tous les navigateurs:

Good

... sauf IE6, où il ressemble:

Bad

Je devine que c'est une marge/problème de remplissage, mais je ne peux pas identifier quel div est à l'origine (il fonctionne dans tous les navigateurs sauf IE6!).

Le site de travail en cours est disponible here, si quelqu'un peut identifier l'origine de l'espace supplémentaire.

Source

2010-09-09 Rezzie

En font-size IE6 a un effet direct sur les éléments de bloc. Donc, pour résoudre ce problème, définissez la taille de la police: 0 à la #footerTop DIV.

Source

2010-09-09 10:41:54 Bundyo

Vous, monsieur, êtes une légende – Rezzie

Merde, j'étais proche de la chose line-height Bien fait, je prends note! – Liggi

Des indices quant à pourquoi l'image d'arrière-plan de la page en mosaïque n'apparaît pas dans IE6 non plus (ou devrais-je poser cela comme une question séparée?) – Rezzie

Tout d'abord, belle conception!

Deuxièmement, avez-vous essayé de définir la hauteur de ligne à 0 dans le div diviseur? Résout parfois le problème pour moi.

Source

2010-09-09 10:29:49 Liggi

Merci! Malheureusement, définir la hauteur de ligne sur 0 n'a aucun effet. – Rezzie

Vous pouvez également essayer de vous assurer que le "pied de page" div hasLayout. Réglez "hauteur: 1%" ou "zoom: 1". Plus d'infos: http://www.satzansatz.de/cssd/onhavinglayout.html – Liggi

L'ajout de 'height: 1%;' au div du pied de page n'a aucun effet. – Rezzie

Essayez de supprimer les espaces entre les tags. Ce qui est arrivé à moi avant dans IE 6. Ainsi, au lieu de:

<div id="footerTop"></div> 

     <div id="footer">

faire:

<div id="footerTop"></div><div id="footer">

Source

2010-09-09 10:41:02

Non, l'écart reste :( – Rezzie

C'est ce que j'allais suggérer aussi - c'est un pépin IE6 classique – Spudley

pas sûr alors ... si c'était moi j'ajouterais juste une marge négative dans votre IE6 css –

marge background-image IE6/padding/numéro d'espacement

Répondre

Questions connexes