次のように、2列の流体設計ベースのレイアウトを計画しています。
以下はHTMLコードです。
<div id="container">
<div class="fl wd5percent"><img src="titleText.jpg" /></div>
<div class="fl wd95percent"></div>
</div>
ここで、最初の列にはタイトルテキストの画像が含まれ、残りの幅は他のコンテンツに使用されます。
これが流動的なレイアウトであるため、私の問題はどこにも「px」幅を使用できないことです...使用するように定義imgしますmax-width:100%が、2列目の高さが高い場合、そのようなものはtitleText画像の下に空白（またはギャップ）を作成します。
ブラウザのサイズが変更されたときにページが適切に拡大縮小されるようにCSSを定義するにはどうすればよいですか。つまり、ブラウザのサイズに関係なく、titleText画像は2列目のコンテンツの高さとして全高を占めるように表示されます。
繰り返しますが、CSSではpxの幅や高さを使用できません。だから私は言うことができません、幅：200px;高さ：100px