HTMLをぐちゃぐちゃいじってみるけど

メニューバーがスリムになった。

・・・と言わなければ判らないほど
Ground Topでマイナーなアップデートをしてみました。
メニューバーのレイアウト、前々から気に入らなかったんですよ。
ブラウザによって上下の配置に大きく違いが出てしまうので。


デザインはいわゆる「Macのパクリ」です。
ただ、これをHTMLで実現するのには苦労してたりする。
テーブル要素の特徴を生かしてウィンドウサイズの変化に対応しているんです。
ウィンドウを小さくしても、左右のバランスが崩れない。
（ただし、小さくし過ぎると段落崩壊します）

ようやくFirefox、Safari、IEで表示できる設定に出来ました。



Firefoxでソースチェックしたら結構エラーソースがあったので、それらも改善。