ショウジンブログ

Learn as if you will live forever, Live as if you will die tomorrow.

CSS

height:100%指定について@CSS

CSS

bodyやhtmlめいっぱいに背景を表示して(例:jQueryのBACK STRETCHとか)コンテンツ内でこの表示領域の高さ100%に表示したいものがあった場合。 例えば、背景の上にサイドバーなんかがあって、背景色が指定されていて、その内容量に関係なくこのボックスの高…

httpとhttpsでのcssへのリンク指定について

httpプロトコルから暗号化通信のhttpsプロトコルに対応させる際、外部cssへのパスの指定をどうしようか、ちょっと迷ってしまったのでメモ。 今回対応する必要のあるサイトでは既存のページでは外部cssの読み込み部分が共通ヘッダーとしてこれも外部ファイル…

img要素のheight:autoの指定(IE8対応)@CSS

レスポンシブWebデザインとか(その他の場合でも)でimg要素の実際のサイズ(width, height)をcssで上書きしてデバイスサイズや親要素の大きさに対応させる場合があります。(別にimg要素のwidth, heightの指定を上書きでない場合でも) 幅を指定して(%に…

CSSスプライトの画像はpngで@iPhone

CSSスプライトはこれまでちょろちょろっとしか使ってこなかったんですが、つい最近ガシガシ使うことがあり、そこで遭遇した不具合について。 ほとんどの画像をひとつにまとめたCSSスプライト用画像が、pngでの書き出しではけっこうな容量になってしまったの…