IE6 で float させると親要素の border が消える CSS バグ はじめてのブログデザイン
Windows の IE6 に CSS で float を指定した際、その float 指定した要素の親要素に指定された左右の border が消えるバグがあるようです。 私が上記のバグに気が付いたのは ul 要素内の li 要素を並列させる為に、li 要素に float:left; と指定しボタンを作成した時に気が付きました。 以下、その時のサンプルソースです。（※ボタンは３つを並列させているとお考えください。） ul { width : 99%;/* IE6 の為に指定 */ text-align : center; list-style-position : inside; border-left : solid 1px #ccc; overflow : auto; } ul li { float : left; width : 33%; height : 30px; line-he
ABO企画 // Web素材 - IE6のCSSバグで文字消え。
配布中のスキンはちゃんと表示されるんだけど、気付いたらこの素材サイト自体が、IE6で「一部の文字が消える」バグ出まくってた。 てなわけで検索してみたら、とにかく「幅を固定しろ」という話らしく…いやそれはバグリスト睨みつつやってたんで指定済みなんですけど。色々自分でやっても駄目でした。で、やりたくなかったけど、アンダースコアハックを使いました。 消える部分の親要素に _width: 100%; を追加。 これでWinIEだけに適用。あちこち消えてたのが、一気にちゃんと表示されるようになりました。はーやれやれ。 で、配布中のスキンは消えなかったので、このハックの必要は多分ない。ない、はず…。それとも最初から書いといた方がいいのか？
IE6.0で文字が消える :: Webデザイン
IE6.0で文字が消える現象について。 以下の項目に該当したら、IE6.0のCSSバグです。 ・文字が消えるブロック要素に背景色を指定している ・文字が消えるブロック要素内にフロート配置した要素がある <div style="background:aqua;"> <div>A</div> <div style="float:right; width:3em; background:blue;">B</div> <div style="clear:right;">C</div> </div> 上記のソースをIE6.0で見ると、「A」という文字が消えると思います。マウスなどで選択するとあぶり出しのように「A」という文字が浮かび上がります。 対策 ブロック要素の幅をwidthプロパティで明示することで回避できます。 <div style="width:99%; background:a
スクロールすると文字が消えるバグ (IE6) | 海外向けWebマーケティングのエクスポート・ジャパン
エクスポート・ジャパン株式会社は、2000年（平成12年）設立の海外向けWebマーケティングに専門特化した会社で、月間約200万人が閲覧する国内最大級の訪日メディアである「ジャパンガイド（japan-guide.com）」の運営にも携わっている。社員は、日本、アメリカ、フランス、中国、インドネシア等、多国籍で構成され、JICAなどの政府機関や公共交通機関の公式外国語サイトの制作と運営を担当している。経営理念は「ビジネスを通じて多文化共生社会に貢献する」。 CSSでbackground-color等を指定している要素が、スクロールすると表示されない。 または、表示されていないのに、スクロールするとちゃんと表示される。 ↑のようなバグがIE6で発生します。（噂ではIE7でも） これを回避するには、色々な方法があるようですが、 僕が無意識に使っていた回避策は、問題の出る親の要素にwidthを指定
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Wintryblasts Tech Blog » IE6,IE7で一部分のボーダーが消えるバグ回避策
chibicoo.under: IE6バグ/文字が消える マウスで反転させると現れる
http://www.xugj.org/modules/d3forum/index.php?post_id=3827
