お仕事・覚書２

今回は、MacでHTML＆CSSを構築。

FirefoxとSafariで表示確認＆動作確認して、サーバーにアップして、Windowsで表示確認したら、IEだけ崩れてる。
何故？？
WindowsのFirefoxとOperaはちゃんと見えてるのに、IEだけが違う見え方してる。

とりあえず、naviの指定を変えたらある程度までは何とか…でもまだ違うんですよねぇ。
むむむ。

とりあえず１つ、これかな？ってのが頭にあるので、それをいじってみます。
駄目なら…次はどうしようか。

トラブルがあるたびに、楽しくなってくる。何故だ。


----------------------------------------

先ほど書いた件、解決。

contentsのmarginを０に。
paddingを適当にあける。
で、navi部分のtopを13pxあければ問題解決。

IE以外のブラウザでは、contentsのmarginがnavi部分にも影響を与えるけれど、IEでは影響が出ない。
ならばmarginを0にすれば良いってわけでした。

なるほど。
スタイルシート奥が深いね。

----------------------------------------

読みづらい文章だなー。我ながら。

今はチョット時間がないので、後でまとめてみよう。
テーマは、IEとその他のブラウザでの、marginとpaddingの扱い方の違いについて。

感覚で成る程！と思ったことを、文字にするのって難しい。




　に参加しています。

CSS覚書その１

●font関係のプロパティ、まとめて宣言できる。
　font：font-style , font-variant , font-weight , font-size（ / line-height） , font-family

　　　※font-sizeとfont-familyは必須要素。

●画像のロールオーバー
　今回のように画像のheightが違う場合は、切り分けて、li要素の背景画像に設定するしかないのか？今後の課題。
　（今回は、heightが１つ違ったので、menu、menu2、二つの要素を作った）
　heightが違うと、座標表示は使えなさそうだが…どうだろう。



　に参加しています。