リキッドデザインで、かつ、横幅の上限を指定できるスタイルシートのテンプレートセットを探しています。ライセンスはMITが理想です。


さらにいうと、上限は950pxで、それ以上横幅を広げても950pxのまま。950px未満にすると、可変になるというスタイルシートフレームワークを教えてください。

上記条件にマッチするものには、100Pお支払いします。

回答の条件
  • 1人2回まで
  • 登録:2008/08/18 15:13:31
  • 終了:2008/08/18 20:14:01

ベストアンサー

id:m_nagase No.1

nagase回答回数58ベストアンサー獲得回数82008/08/18 16:26:18

ポイント60pt

CSS2にmax-widthというプロパティーがあります。

.wrap {
 max-sidth:950px;
}
<div class="wrap">
</div>

スタイルシートをこのように記述すると、wrapクラスのdiv要素の幅が950px以上大きくなりません。

Firefox3、Opera9.5、Safari3で動作確認済み。

ただし、このプロパティーはIE6では実装されていません。

IE6でmax-widthを実現するには、別途javascriptライブラリを使用するか、IE独自のexpression構文を使って実現する方法があります。

IEで、min-widthやmax-widthを実現する方法

min-width,max-width,min-height,max-heightをIEで使えるようにするminmax.js

id:logihot

ありがとうございます。上記を実現したCSSフレームワークもご存じならお教えください。yamlが有名ですが・・・。

2008/08/18 17:12:51

コメントはまだありません

この質問への反応(ブックマークコメント)

「あの人に答えてほしい」「この質問はあの人が答えられそう」というときに、回答リクエストを送ってみてましょう。

これ以上回答リクエストを送信することはできません。制限について

絞り込み :
はてなココの「ともだち」を表示します。
回答リクエストを送信したユーザーはいません