サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
絶対配置でこんな風にすると <div class="Container"> <div class="InsideBox">x</div> </div> .Container{ width:200px; height:101px; background:blue; position:relative; } .InsideBox{ width:30px; height:30px; background:yellow; position:absolute; left:0; bottom:0; } 絶対配置で下付けボックスサンプル IE6ではこんな感じになってしまいます。 何故か下に1px空いてしまうのです。どーやらIE6は、絶対配置をしてbottomを指定すると、親ボックスの高さが奇数の時、1pxあいてしまうという現象があるっぽいです。この場合は、div.Containerが101pxということ
IE 7 のズーム機能を使用すると、position プロパティを指定している箇所の表示がおかしくなってしまうことがあります。IE 7 でズーム機能を使用すると崩れてしまうdemoを用意しました。 不具合再現用のdemo 通常時 (サンプル画像は 100% 時)には意図したとおりにレンダリングされています。 拡大時 (サンプル画像は 120% 時) は下部に意図しない余白ができてしまっています。 縮小時 (サンプル画像は80%時) には黒い枠がグレーの枠の要素に食い込んでしまっています。 この例のHTMLの構造は 黒い枠のついたdiv要素 薄グレーの背景のdiv要素(position:relative;) 濃いグレーの背景のdiv要素(position:absolute;) という入れ子の構造になっています。 この不具合の原因はおそらくpositionプロパティが適用された要素の入れ子
IE7で拡大・縮小時にレイアウトが重なってしまったり、IEでフロートした要素がはみ出てしまったりとIE独自のCSSのバグがいくつかあります。 これは、IEのhasLayoutが原因のひとつとなっているので、それを回避する方法を考察します。 hasLayoutとは IEでのCSSのバグを回避するhasLayoutの値 CSSのバグに効果のあるhasLayoutの指定方法 hasLayoutの参考ページ hasLayoutとは hasLayoutとは、オブジェクトがレイアウトを持っているかどうかを示すものです。 hasLayoutの値はread-onlyのため読み込みのみ可能で、falseとtrueがあります。 hasLayoutの値(read-only) false デフォルト値。 オブジェクトがレイアウトを持っていない。 true オブジェクトがレイアウトを持っている。 IEでのCSSのバ
2020.05.23 Sat【保存版】ラッキーニッキーで3年遊んでわかった全て! Uncategorized 2020.05.23 Sat【保存版】ラッキーニッキーのライブカジノでおすすめを厳選! Uncategorized 2020.05.23 Sat【必見】ラッキーニッキーのボーナス情報を網羅!登録時や入金でお得! Uncategorized 2020.05.23 Sat【完全版】ラッキーニッキーのスロットおすすめランキング Uncategorized 2020.05.23 Satラッキーニッキーのサポート情報!エラー発生時はどうする? Uncategorized 2020.05.23 Sat【必見】ラッキーニッキーのVIP制度!ハイローラー向け Uncategorized 2020.05.23 Sat【保存版】ラッキーニッキーの入金・出金や限度額を解説! Uncategorized
IE6のCSSやJavaScriptなどのバグや仕様で困った時の解決方法をまとめたチートシートをVirtuosi Mediaから紹介します。
キャプチャ見てもらうと分かるようにIE8だけ極端に位置がおかしい。 IE8がリリースされてから、まだあんまりいじってないのでよく分かってないのですが、今組んでいるサイトをIE8でチェックしたら、「あれ?表示がおかしい...」って事に遭遇してしまったので、エントリー。 よくある感じで、リストのマーカー変わりに背景の指定をa要素にして、そのリスト内には画像テキストが入ってたんです。はい。 毎度のようにサンプルも用意してみました。 サンプルを見る 発生条件は調べた感じa要素内にimg要素があって、a要素にbackgroundプロパティの指定をした時に起こる感じです。 img要素にテキストが隣接してても同様でした。 サンプルみたいなデザインの場合、マーカー部分も一緒に切ってしまう事が多いから過去の案件は大丈夫だと思うけど・・・ 取りあえず、今回のサンプルに使ったソースは以下です。 <ul> <li
HTML、CSS、Javascript、デザイン、絵を描いたり。 このページの先頭へ戻る
IE8における拡大縮小バグ 先日リリースされたIE8だが、多くのバグを含んでおり、まだまだWEB製作者を悩ませそうです。 (追記)Firefox3でも発生しますね。検証不足でした。 例えば、私が見つけたのは拡大縮小に関するバグ。(文字ではなくズームによる) ul{ margin:10px; width:600px; border:1px blue solid; } ul li{ list-style-type:none; margin:2px; border:1px red solid; width:194px; height:194px; float:left; display:inline; } サンプル などのようにリスト要素を利用して表状の形態を表現した際、通常は以下のように表示される。 IE8 100%で表示。 これを95%に変更すると以下のようになる。 IE8 95%で表示。
Make a note of it: Web tech, montaineering, and so on. Note: この記事は、3年以上前に書かれています。Webの進化は速い!情報の正確性は自己責任で判断してください。 IE6の表示バグです。とあるショップサイトを構築してる時に、たまたま出会いました。かなり久しぶり。 ↑が正常な表示。Opera/Firefox等はこれです。これがIE6だと... こうなる。初見では「継承か? marginの重複か?」とか思うズレですが、試しに選択してみると、問題が解りやすくなります。 なんか妙な要素が出現してますね。それに押された感じ。試しにテキストにしてみると... なんか複製されてます。さ~どうするか。 解説 実はこれ、「Explorer 6 Duplicate Characters Bug」という長ったらしい名前でそこそこ有名なバグで、複数のf
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く