Salut,
Je vous explique mon souci :
Je code un site pour un client... Je bosse en HTML + CSS avec quelques soupçon de JS.
A partir d'un template de ALSACREATION
voici le code d'une page
Mon site est absolument nickel sous FIREFOX mais sous CHROME ou sous IE, la page n'affiche rien après mon "OBJECT"...
C'est un peu agaçant !
J'ai trouvé sur le forum un truc et voici le css de "menu.html"
Je vous explique mon souci :
Je code un site pour un client... Je bosse en HTML + CSS avec quelques soupçon de JS.
A partir d'un template de ALSACREATION
voici le code d'une page
<!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" lang="fr">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<title> la Movie Machine </title>
<!-- La feuille de styles "base.css" doit être appelée en premier. -->
<link rel="stylesheet" type="text/css" href="base-7fox.css" media="all" />
<link rel="stylesheet" type="text/css" href="style.css" media="screen" />
<link href="nav.css" rel="stylesheet" type="text/css" />
<!--
jQuery library
-->
<script type="text/javascript" src="js/jquery-1.4.2.min.js"></script>
<!--
jCarousel library
-->
<script type="text/javascript" src="js/jquery.jcarousel.min.js"></script>
<!--
jCarousel skin stylesheet
-->
<link rel="stylesheet" type="text/css" href="skins/tango/skin.css" />
<script type="text/javascript">
jQuery(document).ready(function() {
jQuery('#mycarousel').jcarousel();
});
</script>
</head>
<body>
<div id="global">
<div id="entete">
<img src="images/titre.png" alt="logo sevenfoxfilm" />
<hr />
<h3>Plus de 20 ans d'expérience dans la production audiovisuelle</h3>
</div><!-- #entete -->
<div>
<object data="menu.html" type="text/html" />
</div>
<div id="contenu">
<ul id="mycarousel" class="jcarousel-skin-tango">
<li><img src="images/thumb-car/carr-001.jpg" width="166" height="111" alt="" /></li>
<li><img src="images/thumb-car/carr-002.jpg" width="166" height="111" alt="" /></li>
<li><img src="images/thumb-car/carr-003.jpg" width="166" height="111" alt="" /></li>
<li><img src="images/thumb-car/carr-004.jpg" width="166" height="111" alt="" /></li>
<li><img src="images/thumb-car/carr-005.jpg" width="166" height="111" alt="" /></li>
<li><img src="images/thumb-car/carr-006.jpg" width="166" height="111" alt="" /></li>
<li><img src="images/thumb-car/carr-007.jpg" width="166" height="111" alt="" /></li>
<li><img src="images/thumb-car/carr-008.jpg" width="166" height="111" alt="" /></li>
<li><img src="images/thumb-car/carr-009.jpg" width="166" height="111" alt="" /></li>
<li><img src="images/thumb-car/carr-010.jpg" width="166" height="111" alt="" /></li>
<li><img src="images/thumb-car/carr-011.jpg" width="166" height="111" alt="" /></li>
<li><img src="images/thumb-car/carr-012.jpg" width="166" height="111" alt="" /></li>
<li><img src="images/thumb-car/carr-013.jpg" width="166" height="111" alt="" /></li>
<li><img src="images/thumb-car/carr-014.jpg" width="166" height="111" alt="" /></li>
<li><img src="images/thumb-car/carr-015.jpg" width="166" height="111" alt="" /></li>
<li><img src="images/thumb-car/carr-016.jpg" width="166" height="111" alt="" /></li>
<li><img src="images/thumb-car/carr-017.jpg" width="166" height="111" alt="" /></li>
<li><img src="images/thumb-car/carr-018.jpg" width="166" height="111" alt="" /></li>
<li><img src="images/thumb-car/carr-019.jpg" width="166" height="111" alt="" /></li>
<li><img src="images/thumb-car/carr-020.jpg" width="166" height="111" alt="" /></li>
<li><img src="images/thumb-car/carr-021.jpg" width="166" height="111" alt="" /></li>
</ul>
<h3>Nous réalisons : </h3>
<p>Des documentaires, des films institutionnels, des publicités, des films de création et bientôt votre projet...</p>
<h3> </h3>
<h3>Nous vous proposons également un service de production executif : </h3>
<p>
- Logistique de tournage<br />
- Lieux et autorisation de tournage,<br />
- Location de matériel broadcast<br />
- Coordination de l’équipe professionelle sur place billingues (image, son, costumes, cantine...)<br />
- Casting d’acteurs locaux<br />
- Repérages et assistance artistique</p>
<h3> </h3>
<h3>Quelle que soit votre demande, nous la traiterons avec la plus grande attention !</h3>
</div>
<!-- #contenu -->
<div id="pied">
<img src="images/bas.png" alt="illustration" /> </div>
<p id="copyright">© 2011 7foxfilm • design par <a href="http://www.romfrom.com" title="lien webmaster" target="_blank">romfrom</a> </p>
</div><!-- #pied -->
</div><!-- #global -->
</body>
</html>
Mon site est absolument nickel sous FIREFOX mais sous CHROME ou sous IE, la page n'affiche rien après mon "OBJECT"...
C'est un peu agaçant !
J'ai trouvé sur le forum un truc et voici le css de "menu.html"
<STYLE type="text/css"><!--
html {
margin: 0;
padding: 0;
overflow-x: hidden;
overflow-y: hidden;
border: 0 none;
}
body {
margin: 0;
padding: 0;
border: 0 none;
overflow-x: hidden;
overflow-y: hidden;
width: 848px;
height: 50px;
}--></STYLE>