図のように、IE10 や IE11+ ではコンテンツ (HTML の要素) とスクロールバーが重なってしまう (= オーバーレイする) ことがあります。 設定によっては、スクロールバーは一定時間が経過した後に自動的に隠れますが、 スクロール中にテキストが読みにくくなったり、リンクやボタンがクリックしにくくなることは問題です。 ここでは、この問題について解決します。 原因はビューポートの設定 IE でスクロールバーが重なる原因は、(ほとんどの場合に)ビューポートの設定です。ビューポートとは、ページが描画される領域です。 ビューポートの設定を変更するときは、meta 要素を使って指定するか、CSS を使って指定します。 ビューポートの設定を変更することで、デバイスの解像度が変化したときに、ビューポートの大きさも変更することができるようになります。 言い換えれば、レスポンシブデザインにすることが
むかしむかし、あるIEでスターハックというものを使ってな... flexboxしかしらない若者たちへ贈る、オジサンたちが紡ぐCSSの昔話です。 ハック太郎 hasLayoutの恩返し margin倍加太郎 コメントアウトと要素フエーテル IEと魔法のexpression などなど。今の若者に伝えたい昔の話を書いていくカレンダーです。
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
特別な仕掛けをしている訳じゃありません。ごく一般的なcss+xhtmlです。 上記は作動確認テスト文章。本文は以下。 当方、5月6日よりIE8にアップグレードし使用しています。 とりあえずWEB表示形式がWeb標準モードがデフォルトになり、これは嬉しい。 Firefox、Opera、GoogleChromeなどとほぼ同じWeb表示が出来るようになり（各ブラウザ微妙に違うけど）サイトのレイアウトを修正するのは今後楽になりそうです。 Javascriptの表示も随分高速化され、これも良いカンジ。 、、、、が、何か違和感がある。絶対おかしい。。。 時々、閲覧しているサイトが微妙に動く。ピクピクしてます。なにこれ('Α`) IE8を使用していると、時々文字の大きさが勝手に変化します。サイトによっては、閲覧者が混乱するくらい文字が暴れ回ります。 特に、AdSense広告やMicroAdの468X60
ぶら上げるってなんだ。段落の一文字目だけを左に飛び出して配置するというテキスト・レイアウトの話。margin-leftプロパティーで負の値を使っても良いのだけど、文字によって要調整なので面倒くさい。position: absoluteを使う場合は、親でposition: relativeが必須になるのでこれもちょっとアレ。他にもいくつかあったと思うけど、floatとmargin-right: 100%を組み合わせて行うのが一番位置合わせが簡単になる。 Demo: Hanging :first-letter 英文ではメジャーなドロップキャップをアウトデントするもの。たまに見る気がするけど気のせいな気もする程度のタイポグラフィー知識……。 .test::first-letter { margin-right: 100%; margin-bottom: -999em; float: right;
firefoxでは問題ないのですが、IE6（のみで確認済）では段落が増えるとリスト内で改行されてしまいます （ちなみに私は文字サイズを拡大した時に初めて気づきました：汗）。 試行錯誤の結果、 white-space: nowrap; をliに指定すると解消されました。 こんな単純な！！ 原因が全くわからず、相当時間かけて解決しましたー… ※display: inline; では左寄せで改行出来ますが文字の途中で改行されます。 Related Posts B 【WordPress】XREA広告バナーをヘッダー内に移動させる 【css】親ボックスに背景を適応してfloatした時、firefoxで消える際の対処法 【css】ブロックレベル要素の段組レイアウトの底辺の高さを揃える
404 Not Found お探しのファイルは見つからないようです。 お手数ですが、下記リンクからトップページへお戻りください。 CoolWebWindow Copyright (C) Cool Web Window All Rights Reserved
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
