タグ

HP作成とIE6に関するfukudamasa09のブックマーク (1)

  • max-width/min-widthで指定するレイアウト|上級CSSレイアウト講座

    max-widthプロパティ(最大幅)/min-widthプロパティ(最小幅)で指定する、最大幅と最小幅を固定したCSSレイアウト解説です。 当サイト内で解説しているリキッドレイアウトは、コンテンツ部分がブラウザの拡大縮小に合わせ可変し続けるのに対し、max-widthプロパティ/min-widthプロパティで指定するレイアウトでは、最大幅と最小幅を固定してしまいます。 max-widthプロパティ(最大幅)/min-widthプロパティ(最小幅)はIE6以前のバージョンでは未対応です。よってIE6以前のブラウザ対策が必要です。(IE独自拡張スクリプト) 以下のサンプル解説では、最大幅を900px、最小幅を500pxとします。 サンプルソース 当サイト内の リキッドレイアウト2カラム左サイドバー を使用しています。 #wrapper { text-align: left; margin:

  • 1