弊社のマークアップエンジニアがおちいって教えてもらった
さいきん困ったcssたちの報告です。
・。・。・。・。・。・。・。・。・。・。・。・。・。・。
さいきんこのふたりに時間をすごくとられました。
かれらが出たら気をつけてくださいませ。
■ひとつの項目にだけ枠線が必要なtableで、線が1pxはみでる
枠線が二重にならないように枠線の必要なtableは
border-collapseをcollapseにして作ってきたのですが
tdにだけ枠線をつけたいときにはcollapseにしておくと
firefoxで1px右にはみでるみたいです。
▼
http://www.nk0206.com/life/2006/10/bordercollapse.html
ちなみに
* Win Firefox…左に1pxはみ出す
* Win IE6…tableの内側に表示
* Mac Safari…右に1pxはみ出す
* Mac Firefox…左に1pxはみ出す
です。
tabletest.gif
つまり
border-collapseはseparateにして
border-spacingを0にしておくと大丈夫でした。
・。・。・。・。・。・。・。・。・。・。・。・。・。・。
■IE6でだけスクロールをすると画像が欠けたり消えたりしてしまう
▼
http://blog.magical-remix.net/igalog/archives/29
いないいないばあバグというらしいです。
IE6で画像が挙動不審な動きの親要素に_height: 1%;をつけたら直りました。
・。・。・。・。・。・。・。・。・。・。・。・。・。・。
今日、もいっこ見つけました。
■IE6・高さが小さい要素について
IE6で高さが16px未満の要素を背景画像とすると
どんなに指定をしても高さが16pxに表示されます。
画像の高さを無理やり大きく作ればなおるのですが
表示範囲の問題でサイズを変えられなくてこまっていたら
▼
http://oshiete1.goo.ne.jp/qa2359162.html
読んでもあまり意味がわからなかったので
バグを調べて、全部つけたら直りました。
_height: 1%;
font-size: 0;
overflow: hidden;
もうIE6とはお別れしようとおもいます。
iPhoneにインストールしているアプリ - 10 19, 2008
App Storeブログパーツ - 10 13, 2008
Google Android携帯「G1」やiPhone スマートフォンついて - 10 05, 2008
■関連リンク
