よく使うCSSのプロパティ初期化で

今まで気づかなかったし、firefoxで見れれば大丈夫でしょう、なんて最近はNetscapeを置いてきぼりにしがち。
いろんなサイトに書いてあるんだけど、CSSでプロパティの値をはじめに初期化するのによくこう書いてあります。

body {margin:0;padding:0;}

でも、そうすると「Netscapeでコンテンツ幅以下にブラウザを縮めると縮めた分左に隠れてしまう」という現象が起きてしまうらしいです。
この現象は上のように指定してなおかつコンテンツをセンタリングした際にNetscapeのみでこういう現象が起きる。

解決方法はpaddingの設定を0以外にして、コンテンツの幅をbodyにも指定してあげます。

body {margin:0;padding:0 1px;width:700px;}

ブラウザチェックのときについつい見逃しがちなので気をつけなくてはと思いました :cry:

ここに別の解決方法を追記しました。
☆2006/06/01 NNで左側が見えないバグ
もじら組にちゃんとバグ報告されていたみたいです・・・・。

Trackback URI: http://blog.ochanocosaisai.com/wp-trackback.php?p=114

気軽に記事を評価してみて下さい。
1 Star2 Stars3 Stars4 Stars5 Stars (No Ratings Yet)
Loading ... Loading ...

コメントする

RSS feed for comments on this post · TrackBack URI · add to hatena hatena.comment 2 users add to del.icio.us 1 users add to livedoor.clip 0 user