overflow-y: scroll; が効かないディスプレイがある。それはretinaディスプレイ。 - Qiitaoverflow-y: scroll; が効かないディスプレイがある。それはretinaディスプレイ。 HTMLCSSMac overflow-y: scroll;が効かない・・・ ある日いつものように開発していると、「ここ、スクロールできないんだけど」という指摘を頂いた。 それはよくある「高さを固定して、はみ出したテキストはスクロールさせる」というもの。 heightを指定した要素にoverflow-y: scroll;を指定する、一般的な実装だと思います。
スマートフォンとposition:fixedのバグ
スマートフォンとposition:fixedのバグ iPhoneではiOS5からAndroidでは2.2からposition:fixedに対応されてスマートフォンでも固定配置が利用できつつあります。と思いきや色々と落とし穴が多いのでまとめておきます。 Androidではuser-scalable=noが必須 <meta name="viewport" content="user-scalable=no" /> Androidではviewportにuser-scalable=noの指定がないとposition:fixedが動きません。iPhoneではuser-scalable=noの指定がなくてもposition:fixedが動きますがけっこう挙動が微妙なのでuser-scalable=noは指定しておいたほうが良いでしょう。 サンプル（user-scalable=noあり） サンプル（us
スタイルシートをめぐる冒険: dlを含むボックスに背景画像を指定すると背景画像が繰り返される
この現象は、あるWebページで、※1～、※2～、※3～というような「脚注」にdlタグを使用したときに発生した。 本文と脚注を区切る罫線として、脚注を含むボックスの上部に、二重破線の背景画像（line.gif をx軸にリピート）を指定。ddにマイナスのmargin-topを指定して、dtとddが横に並ぶレイアウトにしたところ、一番上にだけ入るべき罫線が<dt></dt><dd></dd>のセットごとに入ってしまったのである。 [該当するブラウザ] Windows／IE7.0（互換モードのとき）、IE6.0以下 症状 実際にどういうことか、右のスクリーンショットを見ていただこう。これは、IE7.0で表示させたときのものである。 そして、スタイルシートとHTMLは以下のように記述されている。（→サンプルページ1） 【スタイルシート】 body { line-height: 1.5em; } .b
Microsoft Support
All Microsoft Global Microsoft 365 Teams Copilot Windows Surface Xbox Deals Small Business Support Software Windows Apps AI Outlook OneDrive Microsoft Teams OneNote Microsoft Edge Skype PCs & Devices Computers Shop Xbox Accessories VR & mixed reality Certified Refurbished Trade-in for cash Entertainment Xbox Game Pass Ultimate PC Game Pass Xbox games PC and Windows games Movies & TV Business Micro
Bug: IE7 absolutely positioned italics
I recently discovered a rather bizarre bug that only seems to affect IE7. If you absolutely position italic text of any kind (text made italic through authors styling or something that is styled via the default browser stylesheet such as ems.) IE7 seems to screw up the rendering and ends up creating a horizontal scrollbar. This problem is best illustrated with an example page (View in IE7 to see t
IE7でページが表示されない件について : とあるWEBクリエイターのblog
先日日本語版がリリースされたIE7だが重大なバグの方が修正されていない。 特定のページがごくまれに表示されない。 特定のページの一部分がまれに表示されない。 というものである。 リロードを行うと正しく表示されるし、ソースの表示を行うと正しく表示されていることかブラウザの問題と思われます。 事実IE6では問題なく表示されます。 これをWEBサイト上から回避するにはいくつかの方法があります Content-Style-Typeを正しく記述する。 head要素内にhttp-equiv属性でスタイルにCSSを指定することにより回避されることがあります。 <meta http-equiv="Content-Style-Type" content="text/css" /> これはレンダリングエンジン(ブラウザ)などにスタイルシートを使用していることを明示的に指定するものです。 ブラウザサイドでキャッ
CSSレイアウトの定石 WinIE6バグ回避法
CSSを使ったレイアウトをする際にWinIE6のバグを回避するための「定石」をまとめておきます。 とくに重要だと思うものは強調してあります。参考としてバグ辞典へのリンクも用意しました（つまり回避法を用いない場合にどんなバグが発現するか）。 フォントサイズ関係 font-sizeは%かpxで指定する。 キーワードで文字サイズを指定すると標準モードと互換モードで文字サイズが変わる(IE6) em単位で指定した値が文字サイズ変更後に正しく反映されない(IE6) ボックスモデル関係 widthと同時に左右borderや左右paddingを指定しない。heightと同時に上下borderや上下paddingを指定しない。 ボックスの幅や高さを算出するときにパディングやボーダーのサイズを含めてしまう （ブロックレベル要素を内包するボックスにはpaddingを指定しない。） 左右ボーダーとパディングを設
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Dreamweaver
デフォルトスタイルの差異を無くすCSS