incompatibilité site flash/ie - HTML/CSS - Programmation
MarshPosté le 12-09-2011 à 13:37:14
bonjour a tous, ancien webmaster dans l'ame, je vien de me remettre a faire un site , je n'ai eut aucuns problemes a le réaliser, lorsque ce matin je le test avec ie7 et la , ... RIEN, juste la couleur de fond qui est chargée d'un fichier css... j'ai un doute sur cette partie du code qui apparait en commantaire sous dreamweaver (ligne 20 a ligne 30)
sous mozilla et chrome, aucuns soucis. P.S: template flash téléchargé sur kitgratuits.com
voila le code: si quelqu'un pouvais juste me donner une petite idée du pourquoi (avec explications si possible, c'a serais vraiment super sympa. <!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"> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <meta name="description" content="We provide free flash templates, free templates, free flash header"/> <script src="js/AC_RunActiveContent.js" type="text/javascript"></script> <script src="js/jquery142.js" type="text/javascript"></script> <script src="js/sound.js" type="text/javascript"></script> <script src="js/main.js" type="text/javascript"></script> <script src="js/lightbox/js/prototype.js" type="text/javascript"></script> <script src="js/lightbox/js/scriptaculous.js?load=effects,builder" type="text/javascript"></script> <script src="js/lightbox/js/lightbox.js" type="text/javascript"></script> <link rel="stylesheet" href="js/lightbox/css/lightbox.css" type="text/css" media="screen" /> <link href="css/stylesheet.css" rel="stylesheet" type="text/css" /> <title>La Pointe Motonautique</title> <!--DEBUT DU DROIT D'UTILISATION. NE PAS SUPPRIMER OU MODIFIER CES LIGNES. SI VOUS LES SUPPRIMEZ OU LES MODIFIEZ UN MESSAGE D'ALERTE APPARAITRA QUAND VOTRE SITE SERA EN LIGNE.--> <style> #free-flash-header a,#free-flash-header a:hover {color:#363636;}#free-flash-header a:hover {text-decoration:none} </style> <!--FIN DU DROIT D'UTILISATION--> <!--[if lt IE 7]> <link rel="stylesheet" type="text/css" href="css/stylesheetie6.css" /> <![endif]--> <!--[if IE]> <style type="text/css"> <!-- object,embed{margin:0px!important;} html {overflow-x:hidden;} --> <![endif]--> <script language="JavaScript" type="text/JavaScript"> <!-- function MM_reloadPage(init) { //reloads the window if Nav4 resized if (init==true) with (navigator) {if ((appName=="Netscape" )&&(parseInt(appVersion)==4)) { document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }} else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload(); } MM_reloadPage(true); //--> </script> </head> <body> <div id="holder"> <!--DEBUT DU DROIT D'UTILISATION. NE PAS SUPPRIMER OU MODIFIER CES LIGNES. SI VOUS LES SUPPRIMEZ OU LES MODIFIEZ UN MESSAGE D'ALERTE APPARAITRA QUAND VOTRE SITE SERA EN LIGNE.--> <div id="copy" style="height: 75px; position: absolute; bottom: 0px; left:0px; border: none; width: 100%;"> <div id="free-flash-header" style="width:820px;margin:0 auto;text-align:right;position:relative;bottom:0px;margin-top:63px;color:#363636;font-size:10px;font-family:Verdana"><strong>kit graphique gratuit</strong> sur <a href="http://www.kitsgratuits.com/"><strong>kit graphique gratuit</strong></a></div> </div> <!--FIN DU DROIT D'UTILISATION--> <div id="page">
Marsh Posté le 12-09-2011 à 13:37:14
bonjour a tous, ancien webmaster dans l'ame, je vien de me remettre a faire un site ,
je n'ai eut aucuns problemes a le réaliser, lorsque ce matin je le test avec ie7 et la , ... RIEN, juste la couleur de fond qui est chargée d'un fichier css...
j'ai un doute sur cette partie du code qui apparait en commantaire sous dreamweaver (ligne 20 a ligne 30)
<!--[if lt IE 7]>
<link rel="stylesheet" type="text/css" href="css/stylesheetie6.css" />
<![endif]-->
<!--[if IE]>
<style type="text/css">
<!--
object,embed{margin:0px!important;}
html {overflow-x:hidden;}
-->
sous mozilla et chrome, aucuns soucis.
P.S: template flash téléchargé sur kitgratuits.com
voila le code:
si quelqu'un pouvais juste me donner une petite idée du pourquoi (avec explications si possible, c'a serais vraiment super sympa.
<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<meta name="description" content="We provide free flash templates, free templates, free flash header"/>
<script src="js/AC_RunActiveContent.js" type="text/javascript"></script>
<script src="js/jquery142.js" type="text/javascript"></script>
<script src="js/sound.js" type="text/javascript"></script>
<script src="js/main.js" type="text/javascript"></script>
<script src="js/lightbox/js/prototype.js" type="text/javascript"></script>
<script src="js/lightbox/js/scriptaculous.js?load=effects,builder" type="text/javascript"></script>
<script src="js/lightbox/js/lightbox.js" type="text/javascript"></script>
<link rel="stylesheet" href="js/lightbox/css/lightbox.css" type="text/css" media="screen" />
<link href="css/stylesheet.css" rel="stylesheet" type="text/css" />
<title>La Pointe Motonautique</title>
<!--DEBUT DU DROIT D'UTILISATION. NE PAS SUPPRIMER OU MODIFIER CES LIGNES. SI VOUS LES SUPPRIMEZ OU LES MODIFIEZ UN MESSAGE D'ALERTE APPARAITRA QUAND VOTRE SITE SERA EN LIGNE.-->
<style>
#free-flash-header a,#free-flash-header a:hover {color:#363636;}#free-flash-header a:hover {text-decoration:none}
</style>
<!--FIN DU DROIT D'UTILISATION-->
<!--[if lt IE 7]>
<link rel="stylesheet" type="text/css" href="css/stylesheetie6.css" />
<![endif]-->
<!--[if IE]>
<style type="text/css">
<!--
object,embed{margin:0px!important;}
html {overflow-x:hidden;}
-->
<![endif]-->
<script language="JavaScript" type="text/JavaScript">
<!--
function MM_reloadPage(init) { //reloads the window if Nav4 resized
if (init==true) with (navigator) {if ((appName=="Netscape" )&&(parseInt(appVersion)==4)) {
document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);
//-->
</script>
</head>
<body>
<div id="holder">
<!--DEBUT DU DROIT D'UTILISATION. NE PAS SUPPRIMER OU MODIFIER CES LIGNES. SI VOUS LES SUPPRIMEZ OU LES MODIFIEZ UN MESSAGE D'ALERTE APPARAITRA QUAND VOTRE SITE SERA EN LIGNE.-->
<div id="copy" style="height: 75px; position: absolute; bottom: 0px; left:0px; border: none; width: 100%;">
<div id="free-flash-header" style="width:820px;margin:0 auto;text-align:right;position:relative;bottom:0px;margin-top:63px;color:#363636;font-size:10px;font-family:Verdana"><strong>kit graphique gratuit</strong> sur <a href="http://www.kitsgratuits.com/"><strong>kit graphique gratuit</strong></a></div>
</div>
<!--FIN DU DROIT D'UTILISATION-->
<div id="page">
<div id="top">
<div id="name_part_1" ><span class="orange">L</span>a <span class="orange">P</span>ointe</div>
<div id="name_part_2" ><span class="green">M</span>otonautique</div>
<div id="square"><div id="orange_square"></div><div id="green_square"></div></div>
</div>
<div id="Layer2" style="position:absolute; width:236px; height:68px; z-index:1; left: 410px; top: 15px; background-image: url(images/divers/ancien.jpg); layer-background-image: url(images/divers/ancien.jpg); border: 1px none #000000;"></div>
<div id="line">
<div id="Layer1" style="position:absolute; width:70px; height:70px; z-index:1; left: 729px; top: 7px;"><img src="images/logo.gif" width="70" height="70" /></div>
</div>
<div id="left_col">
<div class="clearboth"></div>
<!-- Menu -->
<script type="text/javascript">
myButton('Accueil','_home.htm');
myButton('A propos','_about.htm');
myButton('Services','_services.htm');
myButton('Location','_Location.htm');
myButton('Tarifs','_tarifs.htm');
myButton('Contact','_contact.htm');
</script>
<!-- Menu end-->
<br/><br/>
<div class="news">
</div>
</div>
<div id="right_col">
<div id="firefoxbug"><!-- firefoxbug -->
<div class="dynamicContent" id="dynamicContent">
</div>
</div><!--end firefoxbug-->
</div><!--end right_col-->
<div id="line"></div>
<div class="clearboth"></div>
</div>
<div id="copyright"></div>
</div>
<br/>
</div>
</body>
</html>