ラベル CSSバグ の投稿を表示しています。 すべての投稿を表示
ラベル CSSバグ の投稿を表示しています。 すべての投稿を表示

2009年7月1日水曜日

ol li の番号リストがIEで表示されないCSSバグ

ol liとcssを指定したのに
なぜかIEだけで番号リストが表示されない。。。




以前もliで悩まされた記憶があるんだけど~。


ググってみると苦しまれた方が多いようで
解決策として
* { zoom: 1; }
と指定して、かつ
ul, ol, li { zoom: normal; }
としてあげると即解決!!となるそうです。

zoom: 1;なんての、初めて知った。



でもあたしの直らないんですがっ_| ̄|○
誰かタスケテ~~!!


必死に答えを探しては試す、を繰り返す。。。

そして見事に解決!



それは、li要素にwidthを指定しないこと。


liをくくってるdivにwidth指定していたので
それを消すと、解決した =3=3=3=3


でも、なんでダメなんだ~??

も~っ 人騒がせなIEめっ

2009年2月15日日曜日

連数字listがIEで全部「1」になる&行がズレるバグの回避

昨日、プレゼン最終日。
あんなに練習したのに、トチった。。。あと5日。ヤバい。。。

個人練習と実際の壇上での練習では差があったようです…(T_T)
ので、11:30まで居残り練習してました!
原稿暗記しなければ!

前置きはさておき、発表用のブラウザはIEで行くとゆーことに。
んでIEでサイトを見直していたら、出るわ出るわ初歩的ミスとバグ。。。

IEなんてムシだ~!知るか~!とばかりに
モダンブラウザばっかり動作確認してたツケが回ってきた…
発表前に修正できてよかった。。

【連数字リストが全部「1」になる】

個人情報保護表記のページでの不具合い。



これは、まずあたしのコードミスもあった。
◆ulをolに変更
 ul………順番のない箇条書きのリスト
 ol………番号付きのリスト

◆display: list-item;を追記
 ol {
display: list-item;
list-style-type:decimal;
  }

◆olの幅指定(width)を止める
 IEだと変に解釈してずれてしまうようです。
 なので、marginで左右の調節をした。

これでどうにかIEでも通常表示した!
焦ったぁ~!