2010-01-20 5 views
0

Je travaille actuellement sur un site pour un client, et je le fais fonctionner correctement dans tous les navigateurs sauf IE7 (IE6 et IE8 testés correctement). C'est un site WordPress et le thème est un thème enfant du cadre thématique.Problème CSS Overflow dans IE7

Voici un exemple d'une page qui n'est pas affichée correctement dans IE7:

http://roynesbitt.credit-medics.co.uk/our-donors

Le contenu principal oblige les barres de défilement verticales et horizontales sur l'emballage principal et est pas non plus pousser le pied vers le bas, de sorte que cela apparaît à mi-chemin à travers elle.

L'ironie est que cela fonctionne correctement dans IE6, c'est juste IE7 qui affiche ce problème.

Toutes les suggestions sur la façon de réparer sont reçues avec reconnaissance.

+0

Pouvez-vous ajouter du code CSS du pied de page? Et avez-vous vérifié ce qui se passe si vous changez les paddings, les marges, la largeur (box-model) pour IE7 seulement? – MysticEarth

+0

Lol @ le nom de l'image d'en-tête;) background: URL transparent (images/sperm.jpg) repeat scroll 0 0; – Alex

Répondre

0

J'ai trouvé le problème - j'avais défini une 'hauteur' conditionnelle pour IE7, car je pensais qu'elle n'obéissait pas à la hauteur minimale. Suppression de cette propriété de hauteur et tout semble bien!

Merci pour les réponses.

+0

J'ai le même problème d'affichage dans Firefox 3.5.7 sur cette page donc je devine soit vous avez plus de conditions ou ce n'est pas que ... – Alex

+0

Vraiment? J'ai la même version de Firefox et tout semble bien ici (Windows Vista). Pourriez-vous fournir une capture d'écran en quelque sorte, afin que je puisse voir si le problème que vous voyez est le même? – BrynJ

0

IE est toujours une douleur à travailler avec. le hack le plus facile serait juste d'utiliser quelque chose comme ceci:

<!--[if IE 7]> 
    <link href="ie7.css" rel="stylesheet" type="text/css"> 
<![endif]--> 

more stuff here si vous avez besoin d'une meilleure compréhension et quelles sont les autres options.

+0

Merci. J'avais déjà quelques trucs IE7 conditionnels, et il s'est avéré que c'était en fait une de ces règles à l'origine du problème! – BrynJ

0

Je pense que c'est parce que #container div flottant à l'intérieur de #main. Vous pouvez essayer clearfix. Ajoutez la classe #main div clearfix et essayez.