1. #1
    Membre régulier
    Homme Profil pro
    Webmaster
    Inscrit en
    novembre 2014
    Messages
    120
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 25
    Localisation : France, Haute Garonne (Midi Pyrénées)

    Informations professionnelles :
    Activité : Webmaster
    Secteur : High Tech - Multimédia et Internet

    Informations forums :
    Inscription : novembre 2014
    Messages : 120
    Points : 100
    Points
    100

    Par défaut Entête non visible sur Google Chrome

    Bonjour à tous,

    Je me permet de publier ce topic puisque je cherche depuis plusieurs jours sans trouver la solution...

    L'année dernière j'ai développé ce site internet pour un client : http://www.atomes-industrie.com

    Tout marchait bien jusqu'à la dernière mise à jour de chrome (je pense). Depuis, toute la partie du haut ne s'affiche plus (vidéo + animation + menu + logo). Uniquement sur Google Chrome. Sur Firefox tout marche correctement.

    J'ai donc pensé à la version de JQuery. Sauf que même en utilisant la dernière version ça ne marche toujours pas...

    Si vous avez la moindre idée, je suis preneur !

    Merci d'avance à tous.

    PS : Voici le code de mon <head> :

    Code html : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
    34
    35
    36
    37
    38
    39
    40
    41
    42
    43
    44
    45
    46
    47
    48
    49
    50
    51
    52
    53
    54
    55
    56
    57
    58
    59
    60
    61
    62
    63
    64
    65
    66
    67
    68
    69
    70
    71
    72
    73
    74
    75
    76
    77
    78
    79
    80
    81
    82
    83
    84
    85
    86
    87
    88
    89
    90
    91
    92
    93
    94
    95
    96
    97
    98
    99
    100
    101
    102
    103
    104
    105
    106
    107
    108
    109
    110
    111
    112
    113
    114
    115
    116
    117
    118
    119
    120
    121
    122
     
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html lang="fr" xmlns:og="http://ogp.me/ns#">
     
        <head>
     
            <!-- Meta -->
    		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
        	<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
    		<meta name="keyword" content="Atomes Industrie, Atomes, Industrie, Légionelle, filtre anti-légionelle, douchette filtrante medical,douchette filtrante, filtre anti-pseudomonas, pseudomonas, shower filter, filtrix, x-flow, legiostop" />
    		<meta name="description" content="Atomes Industrie, leader en France d'équipement de filtration pour douches et robinets. Cette société française est aussi spécialisée dans la conception, la fabrication et la distribution de produits chimiques d’entretien et de maintenance." />
     
            <meta property="og:title" content="LA CHIMIE A LA CARTE"/>
            <meta property="og:description" content="Atomes Industrie, leader en France d'équipement de filtration pour douches et robinets. Cette société française est aussi spécialisée dans la conception, la fabrication et la distribution de produits chimiques d’entretien et de maintenance." />
            <meta property="og:type" content="article" />
            <meta property="og:image" content="http://www.atomes-industrie.com/images/cover_fb.jpg" />
            <meta property="og:site_name" content="Atomes Industrie Diffusion" />
            <meta property="og:url" content="http://www.atomes-industrie.com/" />
     
    		<!-- TitrePage -->
    		<title>Atomes Industrie Diffusion</title>
     
    		<!-- CSS -->
    		<link type="text/css" rel="stylesheet" href="/css/style.css"/>
    		<link rel="stylesheet" type="text/css" href="/css/normalize.css" />
    		<link rel="stylesheet" type="text/css" href="/css/demo.css" />
    		<link rel="stylesheet" type="text/css" href="/css/component.css" />
     
    		<!-- Script -->         
    		<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
    	    <script type="text/javascript" src="/js/contact.js"></script>
    	    <script type="text/javascript" src="/js/form.js"></script>
            <script type="text/javascript" src="/js/spoiler.js"></script>
            <script type="text/javascript" >
                $(document).ready(function()
                {
                    hauteur = ((window.innerWidth * 1080) / 1920).toString() + "px";
                    $("#HideVideo").css("width", "100%");
                    $("#HideVideo").css("height", hauteur);
                    $("#VideoEmbed").css("width", "100%");
                    $("#VideoEmbed").css("height", hauteur);
                    $(".large-header").css("width", "100%");
                    $(".large-header").css("height", hauteur);
                    $(".large-header").css("margin-top","-"+hauteur);
     
                });
            </script>
     
    		<!-- Google Analytics -->
     
            <script>
                (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
                (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
                m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
                })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
     
                ga('create', 'UA-77006953-1', 'auto');
                ga('send', 'pageview');
            </script>
     
    		<!-- Icône -->
    		<link rel="icon" type="/image/png" href="/images/favicone.png?t=2"/> 
     
        </head>
     
        <body>
    		<!-- Header -->
     
    		<header>
                <header id="" class="">
     
    			<div class="clear"></div>
     
     
                <ul class="logo">
                    <li><a href="/"><img src="/images/logo.png"/></a></li>
                </ul>
                <ul class="nav">
                    <li <%if (_step == "ACCUEIL"){ %>class="active"<%} %>>
                        <a href="/" title="">ACCUEIL</a>
                    </li>
                    <li <%if (_step == "PRESENTATION"){ %>class="active"<%} %>>
                        <a href="/presentation" title="">PRESENTATION</a>
                    </li>
                    <li <%if (_step == "NOS_PRODUITS"){ %>class="active"<%} %>>
                        <a href="/produit" title="">NOS PRODUITS</a>
                    </li>
                    <li <%if (_step == "CONTACTEZ_NOUS"){ %>class="active"<%} %>>
                        <a href="/contact" title="">CONTACTEZ-NOUS</a>
                    </li>
                </ul>
     
    		</header>
     
    		<div class="clear"></div>
     
     
    		<div class="video">
     
    			<div id="HideVideo"></div>
     
    			<object id="VideoObject" >
    				<param name="movie" value="http://www.youtube.com/v/1IkWScuit1w?version=2&amp;hl=fr_FR&amp;rel=0&amp;autoplay=1&amp;controls=0&amp;showinfo=0&amp;loop=1&amp;autohide=1&amp;modestbranding=0"></param>
    				<param name="allowFullScreen" value="true"></param>
    				<param name="allowscriptaccess" value="always"></param>
    				<embed id="VideoEmbed"  src="http://www.youtube.com/v/1IkWScuit1w?version=2&amp;hl=fr_FR&amp;rel=0&amp;autoplay=1&amp;controls=0&amp;showinfo=0&amp;loop=1&amp;autohide=1&amp;modestbranding=0" type="application/x-shockwave-flash"  allowscriptaccess="always" allowfullscreen="true"></embed>
    			</object>   
     
    			<div id="large-header" class="large-header">
    				<canvas id="demo-canvas"></canvas>
    		    </div>
     
    	        <script src="/js/TweenLite.min.js"></script>
    	        <script src="/js/EasePack.min.js"></script>
    	        <script src="/js/rAF.js"></script>
    	        <script src="/js/demo-1.js"></script>         
     
    		</div>
     
            <div id="Contenu">	
     
            <!--http://www.youtube.com/v/1IkWScuit1w?version=2&amp;hl=fr_FR&amp;rel=0&amp;autoplay=1&amp;controls=0&amp;showinfo=0&amp;loop=1&amp;autohide=1&amp;modestbranding=0-->

  2. #2
    Membre chevronné
    Avatar de Doksuri
    Développeur Web
    Inscrit en
    juin 2006
    Messages
    1 431
    Détails du profil
    Informations personnelles :
    Âge : 47

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : juin 2006
    Messages : 1 431
    Points : 1 880
    Points
    1 880

    Par défaut

    pour le menu tu sembles avoir 2 balises <header> imbriquees, peut-etre que chorme n'aime pas ca
    La forme des pyramides prouve que l'Homme a toujours tendance a en faire de moins en moins.

    N'oubliez pas le Le tag resolu.

  3. #3
    Membre régulier
    Homme Profil pro
    Webmaster
    Inscrit en
    novembre 2014
    Messages
    120
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 25
    Localisation : France, Haute Garonne (Midi Pyrénées)

    Informations professionnelles :
    Activité : Webmaster
    Secteur : High Tech - Multimédia et Internet

    Informations forums :
    Inscription : novembre 2014
    Messages : 120
    Points : 100
    Points
    100

    Par défaut

    En effet j'avais pas vu, c'est modifié mais le soucis est encore présent :/

  4. #4
    Modérateur

    Avatar de NoSmoking
    Homme Profil pro
    Inscrit en
    janvier 2011
    Messages
    11 948
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Isère (Rhône Alpes)

    Informations forums :
    Inscription : janvier 2011
    Messages : 11 948
    Points : 25 507
    Points
    25 507

    Par défaut

    Bonjour,
    je serais toi je reprendrais les calculs que tu fais, tu te retrouves avec des margin-top négatives qui déplacent donc ton entête, entre parenthèses je n'en vois pas trop l’Intérêt !

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. probléme Reporting services sur Google Chrome
    Par gangboye dans le forum SSRS
    Réponses: 2
    Dernier message: 20/12/2010, 14h37
  2. referencement de mon site sur google
    Par Emcy38 dans le forum Référencement
    Réponses: 2
    Dernier message: 24/08/2006, 10h08
  3. comment Referencer un site sur google
    Par fadex dans le forum Référencement
    Réponses: 3
    Dernier message: 24/07/2006, 17h54
  4. script : positionement de site sur google..
    Par Nemesys dans le forum Scripts
    Réponses: 6
    Dernier message: 06/06/2006, 14h50
  5. référencement d'un nouveau site sur google
    Par natah dans le forum Référencement
    Réponses: 3
    Dernier message: 03/08/2005, 14h08

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo