2011-10-23 12 views
1

普遍的な私は、複数のレイアウトタイプの(ほぼ)同じままであるHTMLマークアップを意味します。ほとんどの場合、1つまたは2つの列が欠落しているレイアウトがあるため、マークアップには存在しません(たとえばサイドバー)。CSS普遍的なレイアウト

私はここで1が見つかりました: http://matthewjamestaylor.com/blog/perfect-3-column.htm

をそれはレイアウトの固定/流体のタイプのために動作しますが、それはそれはあまりにも固定側-列、および流体の主柱で動作させることが可能だ場合、私は思っていました。

この要件を満たす可能性のある他の解決策はありますか?

答えて

2

あなたはそれ純粋なCSSをしたい場合、あなたはこのように気にいらを行うには、CSSの計算値が必要になります。

width: calc(100% - 150px) 

Calcはthe specにあるが、まだ

をinplentedされていないので、あなたがする必要があります。 Javacriptでそれを行う:

$('#main').width($(document).width()-150); 

フォールバックCSSは、それがJSが

を有効にすることなく、ブラウザで壊れて見えるようにしないように要求され3210あなたが種類を変更することができますが、右上隅にある
関連する問題