2010-11-24 12 views
0

私は割り当て分幅

<div id="header"> 
    <div id="wrapHeader"> 
     <div id="logo"></div> 
     <div id="toolbar"></div> 
    </div> 
</div> 

以下のように私のHTMLコードをきたし、CSSここで

#header{ 
    height: 55px; 
} 

#wrapHeader{ 
    height: 50px; 
    min-width: 960px; 
    margin: 0 auto; 
} 

#logo{ 
    float: left; 
    width: 125px; 
    height: 50px; 
} 

#toolbar{ 
    width: 800px; 
    height: 50px; 
    float: right; 
} 

、ロゴ幅= 125pxとして& #toolbar幅= 800ピクセル。

ブラウザがサイズ変更されたときに、流体構造を960pxで停止したいのですが(これは#wrapHeaderでmin-width = 960pxと宣言してみましたが、行う)。 すぐに#wrapHeaderの幅を960pxにしたくないのですが、#logoと#toolbarを展開しても画面は拡大しません。

助けてください。

+0

どのブラウザをお使いですか?残念ながら、すべてのブラウザでmin-widthプロパティはサポートされていません。 W3schoolsに関する詳細:http://www.w3schools.com/CSS/pr_dim_min-width.asp – Rhapsody

+0

私はChromeを使用しています – ptamzz

答えて

0

多分、あなたはhtml定義にmind-widthを追加するべきです。

html { 
min-width: 960px; 
}  
+0

ラッパーを展開するときに、ロゴとツールバーを展開することもできます。 –