Problème affichage sous IE
guilom076
Messages postés
52
Statut
Membre
-
mimi190 Messages postés 93 Statut Membre -
mimi190 Messages postés 93 Statut Membre -
Bonjour,
J'ai (comme souvent d'ailleurs :)) un problème d'affichage sous IE.
Je m'explique. Je souhaite faire une page composé de quatres cadres (2x2).
Apercu :
________
| | |
| | |
-------------
| | |
| | |
________
Les quatres cadres devant faire chacun 50% en largeur et 50% en longueur.
Voici mon code :
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
</head>
<body>
<center>
<div id="hommeMois" style="width:49%; height:49%; border: 1px dashed #283589;float : left; overflow : auto; margin-bottom:1%; ">
</div>
<div id="motBoss" style="width:49%; height:49%; border: 1px dashed #283589;float : left; overflow : auto; margin-bottom:1%; margin-left:1%;">
</div>
<div id="news" style="width:49%; height:49%; border: 1px dashed #283589;float : left; overflow : auto; ">
</div>
<div id="challenge" style="width:49%; height:49%; border: 1px dashed #283589;float : left; overflow : auto; margin-left:1%;">
</div>
</body>
</html>
Sous Firefox, aucun problème, l'affichage est parfait. Par contre sous IE, niveau largeur OK par contre niveau hauteur, les div s'adaptent à la taille du contenu.
J'ai (comme souvent d'ailleurs :)) un problème d'affichage sous IE.
Je m'explique. Je souhaite faire une page composé de quatres cadres (2x2).
Apercu :
________
| | |
| | |
-------------
| | |
| | |
________
Les quatres cadres devant faire chacun 50% en largeur et 50% en longueur.
Voici mon code :
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
</head>
<body>
<center>
<div id="hommeMois" style="width:49%; height:49%; border: 1px dashed #283589;float : left; overflow : auto; margin-bottom:1%; ">
</div>
<div id="motBoss" style="width:49%; height:49%; border: 1px dashed #283589;float : left; overflow : auto; margin-bottom:1%; margin-left:1%;">
</div>
<div id="news" style="width:49%; height:49%; border: 1px dashed #283589;float : left; overflow : auto; ">
</div>
<div id="challenge" style="width:49%; height:49%; border: 1px dashed #283589;float : left; overflow : auto; margin-left:1%;">
</div>
</body>
</html>
Sous Firefox, aucun problème, l'affichage est parfait. Par contre sous IE, niveau largeur OK par contre niveau hauteur, les div s'adaptent à la taille du contenu.
A voir également:
- Problème affichage sous IE
- Affichage double ecran - Guide
- Ie tab - Télécharger - Outils pour navigateurs
- Problème affichage fenêtre windows 10 - Guide
- Windows 11 affichage classique - Guide
- Problème affichage page internet google chrome ✓ - Forum Google Chrome
1 réponse
Crée un autre css adapté pour IE et rajoute une balise php dans ton code qui permet de rediriger Les utilisateurs d'IE vers l'autre css