2010-12-08 4 views
0

J'ai un site qui semble très bien dans la plupart des navigateurs, mais dans IE8 des parties de la page sont manquantes! Tout le site n'est pas tout à fait correct dans IE8 en ce qui concerne l'alignement que nous rectifions lentement en corrigeant le CSS mais la pire page est http://www.pocketpayday.co.uk/apply-online.aspx qui a en fait plusieurs DIV manquantes. Le site apparaît correctement à 100% dans tous les autres navigateurs que nous avons essayés, y compris Firefox, Chrome, Safari.Site n'apparaissant pas correctement dans IE8

Je me rends compte que je n'ai pas posté de code mais le formulaire est un asp.net usercontrol dans un CMS donc il y a beaucoup de code/templates/css et je ne veux rien poster de non pertinent et espérait que quelqu'un avait déjà connu un problème similaire. Heureux de poster tout ce qui est nécessaire - Je suis actuellement en train de fouiller avec des outils firebug et IE dev pour essayer de voir ce qui pourrait être la cause.

+0

@Phrogz - J'avais passé tellement de temps à passer par le code réel plutôt que par la sortie que je n'avais pas essayé. Ce faisant, il s'est rendu compte qu'il y avait 2 étiquettes de script apparaissant avant l'ouverture du tag HTML et le déplacement de celles-ci l'a corrigé!Si vous postez une réponse, je l'accepte – Macros

Répondre

1

En général lorsqu'ils sont confrontés à des problèmes comme celui-ci:

  • prendre la sortie de votre page (Enregistrer au format HTML), et
  • modifier que pour rogner votre problème à un simple cas de test reproductible.
    1. Recherchez un élément CSS, HTML ou JS qui semble sans rapport avec le problème et supprimez-le.
    2. Si le problème persiste, répétez l'étape 1.
    3. Si le problème s'est dissipé, remettez ce code et supprimez-le.
    4. Si nécessaire, répétez jusqu'à ce qu'il n'existe aucun octet de code qui ne peut pas être supprimé sans ruiner votre cas de test.

Dans le processus, vous trouverez souvent vous le problème. Vous allez supprimer quelque chose qui n'a apparemment rien à voir, trouver que cela corrige (ou modifier) ​​le problème, et comme vous vous demandez pourquoi cela a fait une différence, vous serez soudainement frappé par un éclair de perspicacité. Si vous ne comprenez pas le problème, vous gagnez toujours parce que vous obtenez un cas de test de très peu de lignes et encourage les experts à rapidement analyser et résoudre votre problème. Oh, et toujours validate your HTML et validate your CSS d'abord et comme vous allez. :)

+0

Parfois, il est difficile de voir les bois pour les arbres ... en faisant cela, je me suis rendu compte exactement ce que le problème était, il y avait

1

J'ai jeté un coup d'oeil et il n'y a pas une seule chose que je puisse dire qui l'effacera comme par magie.

Mais, voici quelques bons conseils à suivre pour soutenir IE8, IE7:

1) Je remarqué que vous aviez des balises div fermeture automatique. Au lieu de cela, ayez toujours un tag de fermeture.

//Use this 
<div></div> 

//Not this 
<div/> 

2) Vous utilisiez float: right. Chaque fois que vous utilisez float, vous devez utiliser et supprimer clear div afin que la règle float ne se propage pas aux éléments involontaires. La div clear DOIT être un frère des éléments que vous êtes en train de flotter.

//Whenever you do this... 
<div style="float:right;"></div> 
<div style="float:right;"></div> 

//Add a clear div.... 
<div style="float:right;"></div> 
<div style="float:right;"></div> 
<div style="clear:both;"></div> 

Alors essayez ces changements et voyez s'ils aident.

Questions connexes