2012-02-29 21 views
0

をリサイズなしシフト:2つのdiv、#leftと#rightがありレイアウト私はフィドル<a href="http://jsfiddle.net/As7Hz/6/" rel="nofollow">here</a>チェックし、最初に私の考えを説明するコンテナ部門に

を、#leftは固定幅との両方を持っています左に浮かべます。コンテナ分割には幅が固定されておらず、私のデザインでサイズ変更が可能です。 #rightを次の行に移動することはできません。 #rightの幅はコンテナの分割に自動的に調整され、オーバーフローテキストは非表示になります。 3つの部門はすべて固定された高さを持っています。

上記のフィドルでは、調整するために#ライトを50%幅に設定しましたが、これは完全ではありません。コンテナ部門が満杯ではない可能性があり、依然としてシフト問題が発生します。

私は#rightの幅を調整するためにjavascriptを使用してレイアウトを実装できますが、最小幅や他の何かの助けを借りてCSSソリューションがありますか?

ありがとうございます。

答えて

0

これはあなたがそれが欲しいものですか?

http://jsfiddle.net/N3jhV/

私にこのような

+0

私はそうは思わない、コンテナ部門はリサイズと何の固定幅を持っていないことができます。 – zuo

+0

ちょうど幅を作る:このコードで自動.. – Bert

+0

http://jsfiddle.net/8sBkz/4/ここに私のソリューションは、おかげであなたの提案にたくさんです。 – zuo

0

何かを修正することを躊躇いけないしてください? http://jsfiddle.net/remibreton/4qLmq/

この解決方法は、#left要素の幅が固定されている場合にのみ機能します。

関連する問題

 関連する問題