• ベストアンサー
※ ChatGPTを利用し、要約された質問です(原文:何故か<article>がずれてしまいます)

articleタグの位置がずれる問題について

このQ&Aのポイント
  • ソース上の<article>タグの位置が画面表示時にずれてしまう問題が発生しています。
  • 正確に希望の場所に入力しても、別のページに移動した後にソースを確認すると<article>の位置がずれている状態です。
  • この問題の原因や対処方法がわかる方がいらっしゃいましたら、教えていただけないでしょうか?

質問者が選んだベストアンサー

  • ベストアンサー
  • ORUKA1951
  • ベストアンサー率45% (5062/11036)
回答No.1

 article要素は、御存知と思いますが内部にheader,section,footer要素を持つ、あるいは持つと解釈される完結した一塊の文書を示します。 ★何かツール使ってますか?  下記のように記述してもずれますか?? <body> _<header> __<h1>FOREST STUDIO</h1> _</header> _<section> __<article> ___<header> ____<h1>真夏のひまわり畑</h1> ___</header> ___<section> ____<h2>タイトル</h2> ____<p> _____森の工房の隣にある畑は、毎年夏になると満開のひまわりの花で黄色く染まります。ひまわりは「日輪草」とも呼ばれ、太陽に向かって花を咲かせます。大きなひまわりは背丈が2メートルを超え、見ごたえも十分です。畑の周囲は約5キロの散策コースになっていますので、花を見ながら散歩をするのもおすすめです。 ____</p> ____<p> _____太陽の光をいっぱいに浴びたひまわりの種は、冬の間の野鳥たちの餌になります。また、ひまわり油も抽出し、料理屋やお菓子作りに活用しています。ひまわりの種を香ばしくローストしたクッキーも人気商品です。 ____</p> ___</section> __</article> _</section> _<footer> _</footer> </body> <body> _<article> __<header> ___<h1>FOREST STUDIO</h1> __</header> __<section> ___<h2>真夏のひまわり畑</h2> ___<p> ____森の工房の隣にある畑は、毎年夏になると満開のひまわりの花で黄色く染まります。ひまわりは「日輪草」とも呼ばれ、太陽に向かって花を咲かせます。大きなひまわりは背丈が2メートルを超え、見ごたえも十分です。畑の周囲は約5キロの散策コースになっていますので、花を見ながら散歩をするのもおすすめです。 ___</p> ___<p> ____太陽の光をいっぱいに浴びたひまわりの種は、冬の間の野鳥たちの餌になります。また、ひまわり油も抽出し、料屋やお菓子作りに活用しています。ひまわりの種を香ばしくローストしたクッキーも人気商品です。 ___</p> __</section> __<footer> __</footer> _</article> </body>

jiqimao80
質問者

お礼

誠に丁寧かつ詳細なご回答、いつもどうもありがとうございます。 先程も、フォントの件、教えていただきありがとうございました。 ツール、というのかわかりませんが、ホームページ入門のテキストに付いてきた、「kompozer」という作成ソフト(?)を使用しております。 開いてみると、ソースは完全に無地ではなく、docutype等が元から入っており、この部位は色が変わっていてクリックすることができず、削除することも変更することもできません。 今、お礼を打っていて思ったのですが、その中にエンコードも含まれているのかもしれません。 ご説明にあります長いアンダーバーは、スペースを置く、ということでよろしいでしょうか?

関連するQ&A

専門家に質問してみよう