外観がだいたい決まったため、中身がないまま公開してしまいました。ようやくスタートラインに立ったという感じでしょうか。
さっそく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)
こちらも負けずに無視してやろうかと……。
専門サイト制作日記07

コメントを残す