mugumogu

全体の枠にドロップシャドウを入れたかったので、簡単な画像を作って<div id="container">を追加・・・してたのを忘れて、いつの間にか消してしまってた。こんな事がない様に、ここにメモっておこう。
"box"はwidth=780に設定。
"container"はwidth=800。
本当は、角を丸くしたいんですけどね、組みなおすのが面倒で。
うぅっ。根性なし・・・

右側に表示していた検索（search）フォーム。
収まりが悪くて気に入らなかったので、ナビゲーションバーの中に表示しようと思いました。

HTMLの要素は、ブロック要素とインライン要素とに大別されていて、ブロック要素は表示領域の幅いっぱい取り、前後に改行が入ります。
（ちなみに、インライン＝inlineは直訳すると「行内」で、行の中の文字に意味を持たせたりする要素。）
今回の「form」タグがブロック要素になりますので、改行が入ってしまうんですよね。せっかくナビバーに入れるのに、改行があって縦幅を取るのは意図に反してる。
そこで、検索の為のcssを追加してみました。