Bonjour,
Sur mon site : http://www.pierres-info.fr/accueil/index.html. J'ai créé un bandeau d'alerte "Cookies" que je voudrais améliorer. Voici le code :
Cela semble fonctionner sur ordi (beau bandeau marron en haut de page, bien centré), mais sur mon mobile, si le texte est bien centré, par contre, le bandeau marron est décalé à gauche et c'est pas très beau (sur tablette, je ne sais pas ce que cela donne ?...). Je n'arrive pas à corriger ce soucis.Code HTML:<head><script> var Cookie_Eu = { //Ecrire un cookie contenant la date d'acceptation write: function(d) { var buf = ''; if (d) { var date = new Date(); date.setTime(date.getTime() + (d * 24 * 60 * 60 * 1000)); buf = "cookie_policy_validation=agree; expires=" + date.toGMTString() + "; domain=" + document.domain + ";"; document.cookie = buf; var div = document.getElementById('cookie_policy_msg'); if (div) { div.parentNode.removeChild(div); } } }, //Cherche le cookie contenant la date d'acceptation isSet: function() { var nameEQ = "cookie_policy_validation="; var ca = document.cookie.split(';'); for (var i = 0; i < ca.length; i++) { var c = ca[i]; while (c.charAt(0) == ' ') c = c.substring(1, c.length); if (c.indexOf(nameEQ) == 0) { var val = c.substring(nameEQ.length, c.length); if (val.trim() === 'agree') { return true; } } } return false; }, //Afficher le bandeau d'avertissement askForAgree: function() { if (this.isSet() == false) { var docbody = document.body || document.getElementsByTagName('body')[0]; var div_cookie = document.createElement('div'); div_cookie.id = 'cookie_policy_msg'; div_cookie.className = 'cookie_policy_msg'; var t = "<div>En poursuivant votre navigation sur notre site, vous acceptez l'utilisation de Cookies nous permettant de connaître nos statistiques de visites"; t += '<a href="http://www.pierres-info.fr/mention_legales/index.html">en savoir plus</a><a href="javascript:Cookie_Eu.write(365);">OK</a></div>'; div_cookie.innerHTML = t; docbody.insertBefore(div_cookie, docbody.childNodes[0]); } } }; //Lancer le test d'existence du cookie Cookie_Eu.askForAgree(); </script> </head> <body> <style> /* cookie eu */ div.cookie_policy_msg{text-align:center;width:100%;background:#876954;} div.cookie_policy_msg>div{max-width:auto;margin:0 auto;color:white;padding:5px} div.cookie_policy_msg>div>a:first-child{color:#B0F2B6; border: solid 1px;border-color:#B0F2B6;padding:3px;display:inline-block;text-decoration: none;margin-left:10px} div.cookie_policy_msg>div>a:last-child{display:inline-block;text-decoration:none;margin-left:20px;height:28px;width:32px;color:#32CD32} </style> </body>
Quelqu'un ou une a-t-il une idée ?...
Merci d'avance
-----