Bonjour,
mon problème est le suivant:
aujourd'hui je suis allé sur mon site pour ajouter une news mais dans le panneau admin pour ajouter un article (sur la page pour voir l'article sur le site et aussi sur les vidéos) il y a un espace de 10px de haut environ qui est apparu au dessus de mon menu tout en haut de la page alors que rien n'a été changé dans le code du site.
En recherchant d’où venait se bug je suis tombé sur un "" qui apparait dans le code de la page quand je l'inspecte avec firebug ainsi que certaines balises meta qui se trouvent dans le body à cause de ce code qui se place avant elles.
Je cherche donc à comprendre pourquoi ce code est apparu ou si quelqu'un a déjà eu un problème similaire car tout fonctionnait parfaitement depuis un mois que le site est en ligne.
voici une partie du code source
<html lang="fr" xml:lang="fr" xmlns="http://www.w3.org/1999/xhtml">
<head>
<style id="less:css-bootstrap" type="text/css" media="screen">
<script id="facebook-jssdk" async="" src="//connect.facebook.net/fr_FR/all.js">
<style id="wrc-middle-css" type="text/css">
<script id="wrc-script-middle_window" type="text/javascript" language="JavaScript">
<style type="text/css">
</head>
<body>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type">
<link rel="icon" type="image/x-icon" href="favicon.ico">
<link rel="shortcut icon" type="image/x-icon" href="favicon.ico">
<title>Moket-Studio - Blog - Nouvelle chaine youtube</title>
<link href="/css/bootstrap.less" rel="stylesheet/less">
<link href="/posts/feed.rss" title="Moket-studio" type="application/rss+xml" rel="alternate">
<script src="/js/less.js" type="text/javascript">
<meta content="Retrouvez nos nouvelles vidéos en ligne sur youtube grace à la chaine Moket-Studio. N'hésitez pas à vous abonner pour profiter des mises à jours de la chaine." name="og:description">
<meta content="Nouvelle chaine youtube" property="og:title">
<meta content="website" property="og:type">
<meta content="http://www.moket-studio.com/post/nouvelle-chaine-youtube-13" property="og:url">
<meta content="http://www.moket-studio.com/img/theme/moket-studio.jpg" property="og:image">
<meta content="Moket-studio" property="og:site_name">
<meta content="1063388766" property="fb:admins">
<div id="fb-root" class=" fb_reset">
<div class="topbar" style="position:fixed; width:100%;">
4 réponses
Salut, est ce sur tous les navigateurs ou seulement firefox ?
Est ce normal que la balise <balise> soit dans tes métas ?
Peux tu donner le code de ton index.php ?
Sinon regarde ceci Unicode
Salut voilà ce que j'ai trouvé lien sur ton caractère bizarre, il semblerait qu'il y est un mauvais encodage au niveau de ton fichier
voici le code du layout
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<?php echo $this->Html->meta('favicon.ico','favicon.ico',array('type' => 'icon')); ?>
<title><?php echo isset($title_for_layout) ? 'Moket-Studio - '.$title_for_layout : 'Moket-Studio'; ?></title>
<link rel="stylesheet/less" href="<?php echo $this->Html->url('/css/bootstrap.less'); ?>">
<link rel="alternate" type="application/rss+xml" title="Moket-studio" href="<?php echo $this->Html->url(array('controller'=>'posts','action'=>'feed','ext'=>'rss')); ?>">
<?php echo $this->Html->script('less'); ?>
<?php echo $scripts_for_layout; ?>
<?php if(isset($fbmeta)){
echo '<meta name="og:description" content="'.strip_tags($fbmeta'content']).'" />';
echo '<meta property="og:title" content="'.$fbmeta'name'].'" />';
echo '<meta property="og:type" content="website" />';
echo '<meta property="og:url" content="'.$lien1.'" />';
if(isset($fbmeta'type']) && $fbmeta'type'] == 'youtube'){
echo '<meta property="og:image" content="http://i2.ytimg.com/vi/'.$fbmeta'url'].'/default.jpg" />';
}elseif(isset($fbmeta'type']) && $fbmeta'type'] == 'dailymotion'){
echo '<meta property="og:image" content="http://www.dailymotion.com/thumbnail/video/'.$fbmeta'url'].'" />';
}else{
echo '<meta property="og:image" content="http://www.moket-studio.com/img/theme/moket-studio.jpg" />';
}
echo '<meta property="og:site_name" content="Moket-studio" />';
echo '<meta property="fb:admins" content="1063388766" />';
}else{
echo '<meta name="og:description" content="Site de réalisation de sites web, d\'effets numériques sur images et vidéos" />';
echo '<meta property="og:title" content="Moket-studio" />';
echo '<meta property="og:type" content="website" />';
echo '<meta property="og:url" content="http://www.moket-studio.com" />';
echo '<meta property="og:image" content="http://www.moket-studio.com/img/theme/moket-studio.jpg" />';
echo '<meta property="og:site_name" content="Moket-studio" />';
echo '<meta property="fb:admins" content="1063388766" />';
}
?>
</head>
<body>
<div id="fb-root"></div>
<div class="topbar" style="position:fixed; width:100%;">
<div class="topbar-inner">
<div class="container">
<?php echo $this->element('menu'); ?>
</div>
</div>
</div>
<div class="container" style="padding-top:60px">
<div class="hero-unit">
</div>
<div class="row1">
<?php echo $this->Session->flash(); ?>
<?php echo $content_for_layout; ?>
</div>
<div id="bas" class="row" style="position:static; bottom:0;">
<div class="span6">
<div class="page-header1">
<h3 style="color:#FFF; ">Suivez nous sur facebook</h3>
</div>
<div class="fb-like-box" data-href="http://www.facebook.com/pages/Moket-Studio/168485409868442" data-width="292" data-height="170" data-colorscheme="dark" data-show-faces="true" data-stream="false" data-header="false"></div>
</div>
<div class="span5">
<div class="page-header1">
<h3 style="color:#FFF; ">Où nous trouver ?</h3>
</div>
<p>
<a title="Facebook" href="http://www.facebook.com/pages/Moket-Studio/168485409868442" target="_blank"><?php echo $this->Html->image('theme/facebook.png', array('alt' => 'Facebook')); ?></a>
<a title="Twitter" href="https://twitter.com/#!/Moket_Studio" target="_blank"><?php echo $this->Html->image('theme/twitter.png', array('alt' => 'twitter')); ?></a>
<a title="Google plus" href="https://plus.google.com/u/0/107927729226676513571/posts" target="_blank"><?php echo $this->Html->image('theme/googleplus.png', array('alt' => 'Google plus')); ?></a>
</p>
<p>
Ce site est optimisé pour
<a title="Firefox" href="http://www.mozilla.org/fr/firefox/fx/" target="_blank"><?php echo $this->Html->image('theme/firefox.png', array('alt' => 'Firefox')); ?></a>
<a title="Chrome" href="http://www.google.ch/chrome?hl=fr" target="_blank"><?php echo $this->Html->image('theme/chrome.png', array('alt' => 'Chrome')); ?></a>
</p>
</div>
<div class="span5">
<div class="page-header1">
<h3 style="color:#FFF; ">A propos</h3>
</div>
<p>
Site développé par Moket-Studio
</p>
<p>
Copyright © 2012 <a href="http://www.julien-lezay-informatique.com" target="_blank" style="color:#FFF; ">Julien-Lezay-Informatique</a> Tous droits réservés
</p>
</div>
</div>
</div>
</body>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<?php echo $this->Html->script('facebook'); ?>
</html>et le code su show qui est une des pages à probleme
<?php $this->set('title_for_layout','Blog - '.$post'Post']'name']); ?>
<div id="fb-root"></div>
<?php $lien1 = 'http://www.moket-studio.com'.$this->request->here; ?>
<?php $fbmeta'fbmeta'] = $post'Post']; ?>
<?php $fbmeta'lien1'] = $lien1; ?>
<?php $this->set($fbmeta); ?>
<div class="span11">
<div class="clearfix">
<div class="page-header">
<h1><?php echo $post'Post']'name']; ?></h1>
</div>
<?php echo $post'Post']'content']; ?>
</div>
<div class="cb">
<p class="offset5">Publié le <?php echo $this->Date->french($post'Post']'created']); ?></p>
</div>
<div class="fb-like" data-href="<?php echo $lien1; ?>" data-send="true" data-layout="button_count" data-width="450" data-show-faces="false" data-font="verdana"></div>
</div>
<?php echo $this->element('sidebar'); ?>pour l'encodage, pourquoi cela le ferais seulement pour certaines pages ? sachant que le layout est le meme
Bonjour,
j'arrive après la bagarre, mais j'ai eu le même soucis, il faut sauvegarder les fichiers en 'UTF-8 sans BOM' et non pas en 'UTF-8'.
Tu dois avoir des fichiers sauvés avec et d'autres sans ce fameux BOM.