<div class="top_search">
<form action="./" method="get">
<input type="text" size="20" name="q" value="" maxlength="200" />
<input type="submit" value=" 検索 " />
</form>
</div>
.top_search {
float:right;
margin-top:10px; /* 検索窓の上間隔 */
margin-right:20px; /* 検索窓の右間隔 */
}
h1 {
float:left;
}
h2 {
clear:both;
}
.intro {
clear:both;
}
≪ カレンダーの中央寄せ | HOME | コメント投稿・編集欄のレイアウト ≫
【共通】
Author:いたお
更新は非常にマイペースです
現在休止中です
その後タイトル下に横メニューも設置して、順調にカスタマイズを進めております。
すでに十分見やすいブログになったと思っておりますが、細かな疑問が浮かんだので、再度質問させてください。
ヘッダー内で、ブログタイトル文字を中央に、検索窓を右端に設置することは可能でしょうか?
現在のところは、スタイルシートに以下のように書き込むことで対応しています。
h1 {
float:left;
margin-left:420px;
}
しかしこれではサイト幅が変わったときにわずかですが中央からずれてしまいます。
サイト幅が変わることが多いブログなので、できれば気を配りたい部分ではあるのですが、可能でしょうか?
よろしくお願いいたします。