非常に基本的なHTMLページは表示されません

私はここで何が起こっているのか分かりません。私は非常に基本的なHTML/CSSページを作っただけで、私のブラウザに空のページを表示します。非常に基本的なHTMLページは表示されません

<HTML> 
    <head> 
     <style type="text/css"> 
     #sidebar {float:left; width:20%;} 
     .post {float:right; width:79%;} 
     #footer {clear:both;} 
    </head> 
    <body> 
     <div id="header"> 
      <h1>My interesting life</h1> 
     </div> 
     <div id="sidebar"> 
      <h2>Menu</h2> 
      <ul> 
       <li>Place Link Here</li> 
       <li>Place Link2 Here</li> 
      </ul> 
     </div> 
     <div class="post"> 
      <h2>Yesterday</h2> 
      <p>Today I drank coffee for breakfast. 14 hours later, I went to bed. </p> 
     </div> 
     <div class="post"> 
      <h2>Yesterday</h2> 
      <p>Ran out of coffee, so had orange juice for breakfast. It was from concentrate.</p> 
     </div> 
     <div id="footer"> 
      <p><small> This is copyright by Monu. Contact me to negotiate the movie rights. </small></p> 
     </div> 
    </body> 
</HTML>

出典

2011-12-31 MonuMan5

は＃フッター、CSS後でスタイルタグを閉じてみてくださいフォーマットライン？ – Ingo

将来、[HTML Validator]（http://validator.w3.org/）を使用して、このような単純な、しかししばしば難しいと思われるエラーをキャッチすることができます。 –

または、構文強調表示付きのテキストエディタを使用します。色がすべてうごめくようになったら、あなたは何かをねじで締めたことを知っている。 – benesch

あなたの<style>タグを閉じる必要があります：

<head> 
    <style type="text/css"> 
     #sidebar {float:left; width:20%;} 
     .post {float:right; width:79%;} 
     #footer {clear:both;} 
    </style> 
</head>

出典

2011-12-31 18:44:05 ziesemer

ありがとう、うわー...多分私は疲れています。 – MonuMan5

あなたはCSS後<style>タグを閉じていませんでした。これにより、ブラウザはページの残りの部分をCSSとみなします。 CSSの後ろに</style>タグを追加する必要があります。希望が役立ちます。

出典

2011-12-31 18:45:05

修正してください！一部のブラウザはこれを修正しますが、古いブラウザとIEでは、HTMLをレンダリングする代わりに、残りのページがCSSであると考えています。 – wwwroth

実際には、スタイルタグを閉じる必要があります。

、将来的にはすぐにこれらのエラーを見つけることを検討するには、次の

（1）などhttp://validator.w3.org/
としてHTMLとCSSのバリデータを使う（2）閉じられていないタグのコードを調べるためにFirebugの、Firefoxの拡張機能を使用しますか、他の奇妙な。

出典

2011-12-31 20:32:38 dangerChihuahua007

ありがとうございました。 validator.w3.orgはかなりクールです！ – MonuMan5

スタイルタグを閉じてください。 </style> .........

<style type="text/css"> 
    #sidebar {float:left; width:20%;} 
    .post {float:right; width:79%;} 
    #footer {clear:both;} 
</style>

それがこの種のエラーを解決するのに役立ついくつかのテキストエディタを使用して....

出典

2015-07-17 09:41:16 Abiramaraj

非常に基本的なHTMLページは表示されません

答えて

関連する問題