レイアウト例その2(float使用)

2015年7月1日：以下の点を追加・修正しました．

• グローバルメニューの枠線の角を丸くしました（CSSで border-radius を指定しているだけです．）．また，メニューのアイテム間に少し隙間を開けました（marginを0 1pxにしたので，左右側にだけ1pxのマージンが取られる．）．詳細は，CSSファイルのnav.navi liに指定した命令とコメント参照．
• ヘッダー領域に置かれる横に並んだグローバルメニュー以外に，目次の上に縦に並んだメニューを置きました（中身はダミーです．本当は，ユーザごとやタスク別のメニューなどの，グローバルメニューとは違う機能を持ったナビゲーションを置くと良いと思います．）．まず，縦に並んだメニューと目次を id属性がleft-paneのdiv要素で囲み，このdivブロックを左端に寄せました．次に，このdivブロックの中に縦に並んだメニューのnav要素と目次のnav要素を入れました．縦に並んだメニューには v-naviというclass属性を付与しています．該当するHTMLはこのHTMLファイル参照．CSSの詳細は，CSSファイルのdiv#left-paneとnav.v-navi liに指定した命令とコメント参照．

以下の文章はダミーです．

[目次に戻る]

[目次に戻る]

[目次に戻る]

[目次に戻る]

[目次に戻る]