CSS

フルスクリーン仕様にしたCSSなのにie11だけ横スクロールバーが出てしまった件。

疑わしい要素を一個づつ削除して調べていくと原因は
と設定しているブロックだと特定出来た。

いわゆる真ん中寄せ

CSS, HTML

一番したまでスクロールした時にフッター下に謎の隙間が出来る問題。

子要素のmargin-bottomが関係していると思う。
フッター下に子要素のmargin-bottom領域がはみ出している。

ブラウザ ...

CSS, HTML

fixedされたメニューにした場合、アンカーで移動した場合、コンテンツはfixedされたメニューの裏側に入ってしまう。
つまりメニューの高さ分コンテンツの頭が隠れる。

いままで、jqueryで調整していたが、簡単な ...

CSS

画像の下に隙間が出来る問題の対策

img{ vertical-align: bottom;}

参考にさせてこらったのはこちら。

CSS

display flex属性ios7,android2,android4

このようにしてみたが、ネックはflex-wrapで、アンドロイド標準ブラウザだけ効かなかった。
つまり横1列に並んでしまう状態。

とりあえず、 ...

CSS

table width:100%、overflow:hiddenにしていても内容物が大きいと拡張されてしまう問題。
table-layout: fixed;を使う。解決!

CSS

計算式を可能にしてくれるcalc()ファンクション。

ios7
Android4.4
以降に対応。

width: calc(50% – 3px);
横幅50%から3pxマイナ ...

CSS

cssでテーブルレイアウトをする。

display:table
display:table-cell
を使う。

すべて横1行に並んでしまうので、メニューにしか使えない。

きれいに多段 ...

CSS

lightboxのオーバーレイ(.lightboxOverlay)とアイテムが乗る(.lightbox)
z値は9999と10000で設定してある。

これだとwebkit系(スマフォ、サファリ)などでは、コンテンツ ...

CSS

display:tableとdisplay:table-cellを使うとcssの設定で動的にテーブルレイアウトが出来る。

逆にtableをバラして使うにはdisplay:block,inlineその他を使えばいい。 ...