Pourquoi mes tables sont-elles mal alignées dans IE9 lors de l'utilisation de flotteurs et comment puis-je y remédier ?-tutoriel CSS-php.cn

Pourquoi mes tables sont-elles mal alignées dans IE9 lors de l'utilisation de flotteurs et comment puis-je y remédier ?

Barbara Streisand

Libérer： 2024-12-10 14:26:15

original

194 Les gens l'ont consulté

Why Are My Tables Misaligned in IE9 When Using Floats, and How Can I Fix It?

Résolution des problèmes d'alignement avec les flotteurs dans IE9

En tentant de positionner un conteneur à droite et d'aligner les tables adjacentes, un utilisateur a rencontré une différence entre l'affichage dans IE9 et les autres navigateurs. Même si les tableaux s'affichaient correctement dans tous les autres navigateurs, ils s'alignaient sous le conteneur flottant dans IE9.

Après examen, il a été identifié que le problème provenait d'une mauvaise compréhension de la propriété overflow : Hidden dans IE9. Pour résoudre le problème d'alignement et garantir un affichage cohérent sur tous les navigateurs, la solution suivante est recommandée :

Modifier l'en-tête HTML pour incorporer la directive de compatibilité suivante :

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
</head>

Copier après la connexion

En incorporant cette directive, le Le navigateur sera invité à afficher la page en utilisant un mode de compatibilité qui émule les versions plus modernes d'Internet Explorer. Cet ajustement garantira que la propriété overflow: Hidden se comporte comme prévu, ce qui entraînera un alignement correct des tables dans IE9.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!