Internet Explorer 7 et 8 tronquant le contenu du site Web

Question

J'ai passé quelques jours avec ce problème et je n'arrive pas à trouver une solution nulle part et cela me rend fou.

J'ai créé une page Web qui charge dynamiquement tout son contenu et, pour une raison quelconque, le contenu est tronqué dans IE 7 et 8. Cela fonctionne très bien dans Firefox et l'opéra.

Le contenu est plus grand que la taille de la fenêtre et IE tronque le contenu de sorte que la barre de défilement verticale n'est pas activée. J'ai essayé de réduire la fenêtre à une taille plus petite et il semble que IE rend seulement le contenu qui rentre dans la fenêtre et tous les autres contenus ne sont pas créés car j'ai maximisé la fenêtre après rafraîchissement et montre seulement la partie de la page adapter la petite fenêtre. Si vous voulez jeter un oeil à mon problème, vous pouvez aller here, puis connectez-vous en tant qu'administrateur/alalcoalalco et après vous être connecté, cliquez sur le lien "Administración" dans le menu et réduire la hauteur de votre navigateur IE jusqu'à ce que la moitié de la table s'adapte à la fenêtre. Ensuite, actualisez la page et après avoir agrandi la fenêtre, vous verrez que le navigateur ne rend que ce qui se trouve dans la fenêtre quand il est plus petit. Si vous faites la même chose dans Opera et Firefox, cela fonctionnera parfaitement.

Une idée? Tout sera vraiment apprécié.

Merci!

Answer 1

Je pense que le problème est dans votre CenterWindow et CloseWindow fonctions au sein common.js:

function CenterWindow(controlMain, controlWindow) 
{ 
    var windowWidth = document.documentElement.clientWidth; 
    var windowHeight = document.documentElement.clientHeight; 
    var popupHeight = controlWindow.height(); 
    var popupWidth = controlWindow.width(); 

    controlWindow.css(
     { 
      "position": "absolute", 
      "top": windowHeight/2-popupHeight/2, 
      "left": windowWidth/2-popupWidth/2 
     }); 

    controlMain.css(
     { 
      "height": windowHeight 
     }); 
} 

function CloseWindow(controlMain, controlWindow) 
{ 
    controlMain.css(
     { 
      "opacity": "1" 
     }); 

    controlWindow.fadeOut('fast'); 
    controlMain.fadeIn('fast');  
} 

Lorsque la page se charge, CenterWindow (via OpenWindow) est appelée à montrer la div contenant le message 'Chargement'. Plus tard, CloseWindow est appelé pour supprimer ce div 'Chargement'. À la fin de CenterWindow, vous définissez la hauteur de controlMain (qui se trouve être le div avec l'ID divMain) à la hauteur de la fenêtre du navigateur. Cependant, CloseWindow ne restaure pas la hauteur de la div divMain à ce qu'elle était avant l'ouverture de la div 'Chargement'.

Le correctif est d'ajouter les lignes

controlMain.css(
     { 
      "height": "" 
     }); 

à la fin de CloseWindow. Cela supprime la hauteur temporaire définie sur divMain.

Je ne peux pas expliquer pourquoi seulement des expositions IE7/IE8 ce comportement. Cependant, j'ai été capable de reproduire votre problème et de vérifier que ma suggestion résout le problème.

Answer 2

J'ai utilisé l'outil de validation et le document semble être valide pour HTML et CSS. J'ai trouvé un moyen facile de jeter un oeil à l'erreur sur le site depuis que j'ai découvert que cela se produit avec toutes les pages, pas seulement celle que je vous ai dit. Même avec des pages avec un contenu statique.

Passez à http://www.almaxsoft.com/importec/index.php (cette page a un contenu statique uniquement) et après avoir chargé la page, réduisez la hauteur de votre navigateur IE 7 ou 8, puis actualisez la page. Vous verrez que la fenêtre de l'explorateur permet jamais la barre de défilement verticale car elle rend seulement le contenu qui correspond à la fenêtre, comme dans l'image ci-dessous:

error1.JPG

Après agrandissez la fenêtre, je peux voir que la le contenu a été tronqué et c'est la raison pour laquelle la barre de défilement n'est pas activé, comme dans l'image suivante:

error2.JPG

comme je suis un nouvel utilisateur Je ne peux pas poster des images ou plus d'un lien un seul message donc je vais poster le référentiel d'images dans une nouvelle réponse pour que vous puissiez les vérifier.

Des idées? J'ai vraiment besoin d'aide.

Merci!