content_boxの文字がうまく右に寄りません

※メールでのやり取りは、より見やすくするために一部省略している表現があります。

はじめまして
さっきようやく島岡さんのとほぼ同じホームページを作ることができました。
１ヶ月ほどかかりましたが、非常にわかりやすい講座で不器用な私もなんとか終わらすことができました。
ありがとうございます。

ただひとつだけ質問がありましてcontent_boxについてなのですが、うまく文字を右に寄せることができません。
もしなにか確認すべきところなどがありましたら、教えていただけますか？

○○

○○さん

こんばんは、島岡です。
『初めてWeb入門』お疲れ様でした。

わかりやすい講座と言って頂けて光栄です＾＾

さて、ご質問の件ですが、
＞＞うまく文字を右に寄せることができません。
ということについて、もう少し詳しい説明があるとアドバイスがしやすいです。

上手く文字を右に寄せることが出来ない、とは、
画像の右に文字を回りこませることが出来ない、ということでしょうか？

○○さんが作成した、index.htmlとstyle.cssのデータを送って頂ければ
私がその箇所について添削させていただきます。
おそらく、その方が最短で問題点を見つけることができると思います。

さて、今回のメールにて質問にお答えすることが出来ませんでしたが、
次のメールにてお答したいと思います。

それでは、メールお待ちしています。

島岡

お返事どうもありがとうございます
これがそのコピーです

（※ここにHTMLのコード）

そして　ｃｓｓが

（※ここにCSSのコード）

content_box でmargin を指定しているのにうまく文字がよりません。
少し見にくいのですが、もしよろしければおしえていただけますか？失礼します

○○

○○さん

こんばんは。添削してみました。
努力のあとが見られてよかったです。

それでは、添削の結果を載せますね。

結論から言いますと、</div>の位置を間違えたことが原因です。

タグというものは、

<AA><BB>要素</BB></AA>

のように、なっている必要があり、

<AA><BB>要素</AA></BB>

のようになってはいけません。
○○さんのものでは、

<div id="right_bar">
<div class="content_box">
要素
</div>
<div id="copy">
要素
</div>
</div>

となっていましたが、これは間違いだということに気づけますか？
正しくは、

<div id="right_bar">
<div class="content_box">
要素
</div>
</div>
<div id="copy">
要素
</div>

です。

他にも細かいミスがいくつかありました。

※ミスを列挙します。

・right-barではなく、right_barです。
・</p>が、< ;/p>となっています。直しましょう。
・border-bottom:2px#669966 solid;の2pxと#669966の間に半角スペースがありません。

などですね。

以上です。

またわからないところがあったらメールしてきてくださいね。
それでは、頑張ってください。応援しています。

島岡

どうも　先日添削していただいた、○○です。
おかげさまで何とか終わりました。

もう一度やりなおしてみると、改めてテキストのわかりやすさをかんじました。
これでとりあえず、自分もウェブページを作れます。

どうもありがとうございました。

今回のまとめ

今回の方が躓いたところは大きくわけて二点。

・開始タグと終了タグの位置関係がおかしかったこと
・半角スペースがなかったり、-と_を間違えるなど、細かなミスをしていたこと

の二点です。

Crescent Eveでは、開始タグと終了タグの位置がおかしくてもエラーが出ないことがあるので注意しましょう。

また、細かいミスについては、今はHTMLやCSSを使うことで精いっぱいだと思いますが、これからホームページを作っていく中で、少しずつミスを減らしていけるようになると思いますよ（私も昔は、ミスだらけでした＾＾；　・・・そして、今でもたまにします(笑)）

では、今回はこれにて。

＞＞ホームページの疑問・質問の一覧ページへ戻る