Probleme css sous internet explorer
mouhahahaha
Messages postés
1
Date d'inscription
Statut
Membre
Dernière intervention
-
midnnight Messages postés 484 Date d'inscription Statut Membre Dernière intervention -
midnnight Messages postés 484 Date d'inscription Statut Membre Dernière intervention -
Bonjour,
Je suis plutot debutant,j'ai un soucis.Sous mozilla ce code fonctionne à merveille,sous IE le resultat est vachement monstrueux
Mon code html:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >
<head><div id="tete">
<link rel="stylesheet" media="screen" type="text/css" title="Essai" src="the.css" />
</div></head>
<!--<div id="mid">-->
<style type="text/css">
#tete
{height:150px; }
#mid
{height:90px; margin-left:190px; margin-right:190px; border:1px solid #3f3d58;}
#tronc
{padding:3px; margin-top:3px; border:1px solid #3f3d58;}
#em:hover
{width:100px; font-weight:bold; font-size:large; color:#00326b;}
table
{text-align:center; margin:auto;}
#menu
{color:#fbfffc; background-image:url("menu.jpg");}
#lmenu
{width:132px; padding:3px; float:left; border:1px solid #3f3d58;}
#slmenu
{border:1px solid #3f3d58; height:59px;}
#slmenu1,#slmenu2
{border:1px solid #3f3d58; margin-top:2px; padding:2px;}
#slmenu2
{border:1px solid #3f3d58; margin-top:15px; margin-bottom:3px;}
#main
{border:1px solid #3f3d58; margin:3px; margin-left:146px; padding:5px; margin-top:1px;}
#extra
{width:175px; padding:3px; float:right; border:1px solid #3f3d58;}
#pub
{height:230px; border:1px solid #3f3d58; margin-bottom:3px;}
#panel
{height:230px; border:1px solid #3f3d58;}
#cps
{border:1px solid #3f3d58; min-height:500px; margin-right:188px; }
#slmenu1 table td, #slmenu2 table td
{border: 1px solid #3f3d58; }
#slmenu1 table, #slmenu2 table
{border-collapse:collapse;}
#x
{color:#001e42; font: bold, 20px ;}
#ep
{text-align:left; text-indent:7px; background-image:url("slmenu.jpg");}
#ep:hover
{color:#fbfffc; background-image:url("slmenuh.jpg");}
</style>
</div>
<body><div id="tronc">
<div id="lmenu">
<div id="slmenu">
</div>
<div id="slmenu1">
<table cellspacing="0" width="126"><tr><td><div id="ep">Annonces</div></td></tr>
<tr><td><div id="ep">Tu'tuces</div></td></tr>
<tr><td><div id="ep">Forums</div></td></tr>
<tr><td><div id="ep">Expo</div></td></tr>
</table>
</div>
<div id="slmenu2">
<table cellspacing="0" width="126"><tr><td><div id="ep">Livre d'or</div></td></tr>
<tr><td><div id="ep">Liens utiles</div></td></tr>
</table>
</div>
</div>
<div id="main">
<div id="extra">
<div id="pub">
</div>
<div id="panel">
</div>
</div>
<div id="menu">
<table cellspacing="13px" height="50px" ><tr>
<td><div id="em">Acceuil</div></td>
<td><div id="x">|</div></td>
<td><div id="em">MyBox</div></td>
<td><div id="x">|</div></td>
<td><div id="em">Graphisme</div></td>
<td><div id="x">|</div></td>
<td><div id="em">$_html</div></td>
<td><div id="x">|</div></td>
<td><div id="em">Jeux</div></td>
<td><div id="x">|</div></td>
<td><div id="em">Mail</div></td>
<td><div id="x">|</div></td>
<td><div id="em">Chat</div></td>
</table>
</div>
<div id="cps">
</div>
</div>
</div></body>
<div id="foot">
</div>
</html>
Je vous serais bien reconnaissant de me donner un coup de pouce.
Je suis plutot debutant,j'ai un soucis.Sous mozilla ce code fonctionne à merveille,sous IE le resultat est vachement monstrueux
Mon code html:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >
<head><div id="tete">
<link rel="stylesheet" media="screen" type="text/css" title="Essai" src="the.css" />
</div></head>
<!--<div id="mid">-->
<style type="text/css">
#tete
{height:150px; }
#mid
{height:90px; margin-left:190px; margin-right:190px; border:1px solid #3f3d58;}
#tronc
{padding:3px; margin-top:3px; border:1px solid #3f3d58;}
#em:hover
{width:100px; font-weight:bold; font-size:large; color:#00326b;}
table
{text-align:center; margin:auto;}
#menu
{color:#fbfffc; background-image:url("menu.jpg");}
#lmenu
{width:132px; padding:3px; float:left; border:1px solid #3f3d58;}
#slmenu
{border:1px solid #3f3d58; height:59px;}
#slmenu1,#slmenu2
{border:1px solid #3f3d58; margin-top:2px; padding:2px;}
#slmenu2
{border:1px solid #3f3d58; margin-top:15px; margin-bottom:3px;}
#main
{border:1px solid #3f3d58; margin:3px; margin-left:146px; padding:5px; margin-top:1px;}
#extra
{width:175px; padding:3px; float:right; border:1px solid #3f3d58;}
#pub
{height:230px; border:1px solid #3f3d58; margin-bottom:3px;}
#panel
{height:230px; border:1px solid #3f3d58;}
#cps
{border:1px solid #3f3d58; min-height:500px; margin-right:188px; }
#slmenu1 table td, #slmenu2 table td
{border: 1px solid #3f3d58; }
#slmenu1 table, #slmenu2 table
{border-collapse:collapse;}
#x
{color:#001e42; font: bold, 20px ;}
#ep
{text-align:left; text-indent:7px; background-image:url("slmenu.jpg");}
#ep:hover
{color:#fbfffc; background-image:url("slmenuh.jpg");}
</style>
</div>
<body><div id="tronc">
<div id="lmenu">
<div id="slmenu">
</div>
<div id="slmenu1">
<table cellspacing="0" width="126"><tr><td><div id="ep">Annonces</div></td></tr>
<tr><td><div id="ep">Tu'tuces</div></td></tr>
<tr><td><div id="ep">Forums</div></td></tr>
<tr><td><div id="ep">Expo</div></td></tr>
</table>
</div>
<div id="slmenu2">
<table cellspacing="0" width="126"><tr><td><div id="ep">Livre d'or</div></td></tr>
<tr><td><div id="ep">Liens utiles</div></td></tr>
</table>
</div>
</div>
<div id="main">
<div id="extra">
<div id="pub">
</div>
<div id="panel">
</div>
</div>
<div id="menu">
<table cellspacing="13px" height="50px" ><tr>
<td><div id="em">Acceuil</div></td>
<td><div id="x">|</div></td>
<td><div id="em">MyBox</div></td>
<td><div id="x">|</div></td>
<td><div id="em">Graphisme</div></td>
<td><div id="x">|</div></td>
<td><div id="em">$_html</div></td>
<td><div id="x">|</div></td>
<td><div id="em">Jeux</div></td>
<td><div id="x">|</div></td>
<td><div id="em">Mail</div></td>
<td><div id="x">|</div></td>
<td><div id="em">Chat</div></td>
</table>
</div>
<div id="cps">
</div>
</div>
</div></body>
<div id="foot">
</div>
</html>
Je vous serais bien reconnaissant de me donner un coup de pouce.
A voir également:
- Probleme css sous internet explorer
- Internet explorer 11 - Télécharger - Navigateurs
- Internet explorer 8 - Télécharger - Navigateurs
- Internet explorer 10 - Télécharger - Navigateurs
- Internet explorer - Guide
- Explorer patcher - Télécharger - Personnalisation
3 réponses
https://openclassrooms.com/fr/courses/1603881-apprenez-a-creer-votre-site-web-avec-html5-et-css3
Rien ne vient seul, il faut aider le destin...
A+
Rien ne vient seul, il faut aider le destin...
A+
Merci midnight mais (en esperant que tu ai testé le code)c'est que j voudrais savoir qu'est-ce qui empeche IE de pas lire mon code comme moz le fait.Ca arrive aussi souvent avec des flottants.
J'ai entendu parler de "hacks",mais je dois t'avouer comme tu peux bien le deviner ke je ne m'y connais vraiment pas.
Merci bien
J'ai entendu parler de "hacks",mais je dois t'avouer comme tu peux bien le deviner ke je ne m'y connais vraiment pas.
Merci bien