専門サイト制作日記07

外観がだいたい決まったため、中身がないまま公開してしまいました。ようやくスタートラインに立ったという感じでしょうか。
 
さっそくWinPCでの表示も確認してみることに。
 
　Firefox(PC)

やはり少しずれてしまいました（青い線の部分）。もっとも、これはWinとMacの違いには関係なく、FirefoxとSafari、Chromeの違いから生じる問題です。ですから、ChromeならWinでもきれいに表示されます。
 
　Google Chrome(PC)

できれば解決したい問題ですので、いろいろと考えてみることに。
 
現在は、ヘッダーとサイドバー、そしてコンテンツを次のように組んでいます。
 
　Safari(Mac)

ナビゲーションバーの上に事務所名の画像があるため、その分の数値を指定してサイドバーの位置を下げているのですが、ブラウザによって表示結果が異なってしまうようです。
 
次のような組み合わせ方にしたところで、けっきょくサイドバーを上にずらさなければなりません。
 
　Google Chrome(Mac)

各要素の中身を入れ替えるのはちょっと面倒ですし……。
 
　Firefox(Mac)

ひょっとすると、marginではなく、絶対値で指定すれば解決するのかもしれません。後で試してみようと思います。
 
ちなみに、Internet Explorer8は角を丸くする指定が無視されてしまうため、こんな感じになっていました。
 
　Internet Explorer8(PC)

こちらも負けずに無視してやろうかと……。