<head> क्रोम

में खाली दिखाई देता है जब Google क्रोम के अंतिम संस्करण के साथ मेरी वेबसाइट ब्राउज़ करते हैं, और स्रोत को देखने के लिए F12 का उपयोग करते हुए, <head> और </head> के बीच की सभी सामग्री खाली दिखाई देती है। फ़ायरफ़ॉक्स और आईई के अंतिम संस्करणों पर, सबकुछ संक्षेप में दिखाई देता है।<head> क्रोम

वास्तव में सामग्री को Google क्रोम पर शरीर में स्थानांतरित कर दिया जाता है।

यह स्पष्ट रूप से एक सीएसएस समस्या नहीं है। मैं ट्विटर बूटस्ट्रैप सीएसएस और जेएस, और एक एमवीसी PHP ढांचे का उपयोग कर रहा हूँ। किसी के पास संकेत है?

<!DOCTYPE html> 
<html lang="fr"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/> 
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> 
<meta http-equiv="X-UA-Compatible" content="IE=edge" /> 

<title><?php echo (Template::$titre); ?></title> 

<?php foreach(Template::$meta as $key=>$value): ?> 
     <meta name="<?php echo $key; ?>" content="<?php echo $value; ?>" /> 
<?php endforeach; ?> 

<link rel="shortcut icon" href="<?php echo WEB; ?>assets/style/favicon.ico" type="image/x-icon" /> 

<link rel="stylesheet" href="<?php echo WEB; ?>assets/style/bootstrap.min.css" /> 
<link rel="stylesheet" href="<?php echo WEB; ?>assets/style/bootstrap-responsive.min.css" />  
<link rel="stylesheet" href="<?php echo WEB; ?>assets/style/main.css" />  
<link href='http://fonts.googleapis.com/css?family=Lobster' rel='stylesheet' type='text/css'> 

<!--[if lt IE 9]> 
<script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script> 
<![endif]--> 
</head> 
<body> 
<?php require Template::child(); ?> 
(...)

और Firebug द्वारा देखी स्रोत:

यहाँ मेरी document.html पेज है

<html lang="fr"><head></head><body>? 


<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> 
<meta name="viewport" content="width=device-width, initial-scale=1.0"> 
<meta http-equiv="X-UA-Compatible" content="IE=edge"> 

<title>Veloccasion - Vélos d'occasion dans toute la France</title> 
<meta name="keywords" content="velos d'occasion, velos dans toute la France, velos occasion Toute la france, velo occasion, velo"> 
<meta name="description" content="Petites annonces de velos d'occasion dans toute la France, velo d'occasion à vendre Toute la france"> 
<meta name="author" content="Veloccasion"> 

<link rel="shortcut icon" href="/assets/style/favicon.ico" type="image/x-icon"> 

<link rel="stylesheet" href="/assets/style/bootstrap.min.css"> 
<link rel="stylesheet" href="/assets/style/bootstrap-responsive.min.css"> 
<link rel="stylesheet" href="/assets/style/main.css"> 
<link href="http://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css"> 

<!--[if lt IE 9]> 
<script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script> 
<![endif]--> 


<section id="maincontainer"> 
<div class="container"> 
(...)

संपादित करें: समस्या हल, नोटपैड ++ UTF8 में एन्कोडिंग था, मैं एएनएसआई करने के लिए बदल गया है और ठीक काम किया

स्रोत

2012-05-22 PhilMarc

शायद यह आपके कोड के कारण ' 'ठीक से बंद नहीं हुआ है, क्या आप देखे गए स्रोत आउटपुट (PHP कोड की बजाय) पोस्ट कर सकते हैं? –

यह मुझे ठीक लग रहा है: http://imgur.com/Y3anC –

@ निफ्टीड्यूड ' 'ओपी में गैर-PHP कोड में सही ढंग से बंद है। –

आपके दस्तावेज़ की शुरुआत में आपके पास कुछ प्रकार के विकृत चरित्र हैं।

मैं W3C मान्य के माध्यम से अपने पेज भाग गया और यह पता चलता है:

त्रुटि पंक्ति 1, स्तंभ 1: गैर-स्पेस वर्णों पहले एक doctype देखे बिना पाया। अपेक्षित <!DOCTYPE html>।

http://validator.w3.org/check?uri=http%3A%2F%2Fveloccasion.net%2F&charset=%28detect+automatically%29&doctype=Inline&group=0

यह प्रतीत होता है क्रोम अपने doctype ड्रॉप और क्वर्क्स मोड में पेज रेंडर करने के लिए, जैसा कि आप अजीब बटन और पाठ क्षेत्र ऊंचाइयों से देख सकते हैं कारण हो सकते हैं। DOCTYPE (या DOCTYPE को हटाने और इसे फिर से टाइप करने से पहले अजीब कुछ भी हटाने का प्रयास करें)

स्रोत

2012-05-22 04:49:10 Interrobang

या यह बेवकूफ यूनिकोड बीओएम हो सकता है। सुनिश्चित करें कि आपकी फ़ाइलें यूटीएफ 8 नो बीओएम के रूप में सहेजी गई हैं। – Okonomiyaki3000

अच्छा, समस्या हल हो गई! असल में मैं नोटपैड ++ का उपयोग कर रहा हूं और मैं यूटीएफ 8 एन्कोडिंग में पेज को सहेज रहा था। मैं एएनएसआई में बदल गया और ' 'को फिर से लिखना और यह ठीक काम किया। धन्यवाद ! – PhilMarc

एएनएसआई का उपयोग न करें, बीओएम के बिना यूटीएफ 8 का उपयोग करें। बीओएम बुरी खबर है, इसका इस्तेमाल कभी नहीं करें। – Okonomiyaki3000

एफ 12 स्रोत नहीं देख रहा है। एफ 12 डोम इंस्पेक्टर है। क्या यह संभव है कि आप सिर को ढहने के रूप में देख रहे हों? यह डिफ़ॉल्ट रूप से दिखाया गया है।

संपादित करें:

आपकी समस्या को मिला: बंद नहीं

<link href='http://fonts.googleapis.com/css?family=Lobster' rel='stylesheet' type='text/css'>

कि टैग करता है।

यह है कि आप इस लाइन पर /> से पहले एक स्थान की आवश्यकता हो सकता है: आप के साथ />

संपादित करें उसे समाप्त करना होगा

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>

स्रोत

2012-05-22 04:18:01 Okonomiyaki3000

नहीं दिया जा रहा है, नहीं, मैं दोहराता हूं चेक किया गया, यह ध्वस्त नहीं हुआ था, वास्तव में खाली है, और आप इसे क्रोम पर बुरी तरह प्रदर्शित कर सकते हैं। इसके अलावा मैंने Google पेज स्पीड के साथ जांच की और कहा कि मुझे सीएसएस को सिर में रखना चाहिए, और शरीर के बजाय चार्सेट को सिर में भी परिभाषित करना चाहिए, – PhilMarc

ठीक है, मुझे नहीं लगता कि उसे किसी चीज़ के साथ क्या करना है। क्या आपकी साइट पर एक यूआरएल है? – Okonomiyaki3000

कभी नहीं, मुझे यह मिला। – Okonomiyaki3000

एलिजा की जवाब पर निर्माण करने के लिए, देखने के लिए Ctrl + यू का उपयोग क्रोम और फ़ायरफ़ॉक्स पर स्रोत।

मैंने अभी क्रोम पर जांच की है और यह खाली नहीं है।

<head> 
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/> 
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> 
<meta http-equiv="X-UA-Compatible" content="IE=edge" /> 

<title>Veloccasion - V&eacute;los d'occasion dans toute la France</title> 
<meta name="keywords" content="velos d'occasion, velos dans toute la France, velos occasion Toute la france, velo occasion, velo" /> 
<meta name="description" content="Petites annonces de velos d'occasion dans toute la France, velo d'occasion &agrave; vendre Toute la france" /> 
<meta name="author" content="Veloccasion.net" /> 

<link rel="shortcut icon" href="/assets/style/favicon.ico" type="image/x-icon" /> 

<link rel="stylesheet" href="/assets/style/bootstrap.min.css" />  
<link rel="stylesheet" href="/assets/style/bootstrap-responsive.min.css" /> 
<link rel="stylesheet" href="/assets/style/main.css" /> 
<link href='http://fonts.googleapis.com/css?family=Lobster' rel='stylesheet' type='text/css'> 

<!--[if lt IE 9]> 
<script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script> 
<![endif]-->

स्रोत

2012-05-22 04:21:10

लेकिन क्या आप क्रोम के साथ ब्राउज़ करते समय शीर्ष पर सफेद स्थान देख सकते हैं? और दाईं ओर डबल स्क्रॉल बार। – PhilMarc

हाँ, केवल क्रोम पर .... बहुत अजीब –

-1

आशा है कि यह मदद करता है

नीचे

<link href="http://fonts.googleapis.com/css?family=Lobster" 
rel="stylesheet" type="text/css

सूचना लाइन "?" इसमें इस लाइन को हटाने का प्रयास करें और स्रोत

स्रोत

2012-05-22 04:26:30

वह पंक्ति समस्या है लेकिन '?' के साथ कुछ भी गलत नहीं है – Okonomiyaki3000

उस लाइन के लिए डबल कोट्स का उपयोग करें –

हां, डबल कोट्स का उपयोग करें। लेकिन यह भी वास्तविक समस्या नहीं है। – Okonomiyaki3000

मुझे यह मिला!

Ctrl + SHIFT + मैं क्रोम प्रेस में,

... सही <body> टैग के बाद वहाँ रिक्त पाठ के बहुत सारे की एक पंक्ति है। इसे ढूंढें, और इसे हटाएं और व्हाइटस्पेस दूर हो जाए। सुनिश्चित नहीं है कि इसका कारण क्या है क्योंकि मेरे पास आपका कोड नहीं है।

स्रोत

2012-05-22 04:45:59

एचटीएमएल ठीक है जैसा कि मैंने प्रश्न में चिपकाया है: कोई रिक्त स्थान नहीं, कोई स्थान नहीं, मैंने सबकुछ जांच लिया। मैं PHP ढांचे में जांच करूंगा। – PhilMarc

क्षमा करें, लेकिन यह नहीं है। निश्चित रूप से एक बड़ा सफेद जगह है जो आप देखते हैं। मुझे नहीं पता कि यह केवल क्रोम में क्यों है लेकिन यह वहां है। मैं इसे बॉडी टैग के ठीक बाद डेवलपर टूल (ctrl + shift + i) में देख पा रहा था। जब मैंने इसे हटा दिया, तो सफेद जगह गायब हो गई। तो मेरा मानना है कि यह शायद एक PHP मुद्दा है जिसकी आपको जांच करनी चाहिए। –

मुझे लगता है कि आप जिस सफेद स्थान को देखते हैं वह केवल क्रोम टूल में क्रोम द्वारा जोड़ा जाता है, क्योंकि कोड के साथ कुछ और दोषपूर्ण होता है। मेरे साथ भी वही दिक्कत है। – cederlof

<head> क्रोम

उत्तर

संबंधित मुद्दे