アプリ版：「スタンプのみでお礼する」機能のリリースについて

フォームが枠で囲えない

解決済

  • 質問者：kk13
  • 質問日時：
  • 回答数：1件

HTMLとCSSの勉強でサイトを作っているのですが、上下に文章があり、その文章の間にフォームがあるのですが、上の文章しか枠で囲えなくて困っています。
[HTML]
<body>
<h4>題名</h4>
<p class="box">
文章1
<form method="get" action="hoge.php">
<input type="text" name="form" size="25"><input type="submit" value="実行">
</form>
文章2
</p>
</body>

[CSS]
body {
line-height: 1.5;
text-align: center;
margin-top: 30px;
}

.box {
width: 50%;
margin-left: auto;
margin-right: auto;
border: 1px #000000 solid;
}

これで、文章1しか枠に囲われません。
回答よろしくお願いします。

通報する

この質問への回答は締め切られました。

質問の本文を隠す

A 回答 (1件)

No.1ベストアンサー

  • 回答者： steel_gray
  • 回答日時：

HTMLが正しくないとブラウザが適当な解釈をします。


その結果、CSSの適用範囲が想定外になっているのでは？

↓こちらでHTMLのチェックができます。
http://openlab.ring.gr.jp/k16/htmllint/htmllint. …
エラーメッセージやその解説を見ながら、重要度の高い部分、関係していそうな部分を修正してみるといいかと思います。
    • good
    • 0
    • 件
通報する
この回答へのお礼

そのサイトで出たエラーを参考にして、<p>で囲うのではなく<div>で囲って解決しました。いいサイトを紹介してくださりありがとうございました。

通報する
お礼日時：2008/07/24 13:54

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう！

Q質問する（無料）

関連するカテゴリからQ&Aを探す

ページトップページトップ

Q質問する（無料）

デイリーランキングこのカテゴリの人気デイリーQ&Aランキング

マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング

おすすめ情報