私はすでにこの問題の解決策があることを知っています。しかし、私は特定の解決策を探しています。左側のメニューバーは固定幅で、右側のコンテンツ領域は動的幅である必要があります。私がすることができます。
ただし、メニューとコンテンツのテキストは端から始めてはなりません。上部と左側に少し余裕があるはずです。
次のCSSコードを試しました。
<div id="menu" style="background-color:#FFD700;height:400px;width:150px;padding-left:15px;float:left;">
Menu 1<br />
Menu 2<br />
</div>
<div id="content" style="background-color:#EEEEEE;height:400px;margin-left:180px;">
Contents...
</div>
ただし、メニューとコンテンツの間に白い帯が表示されます。すべての余白は透明でなければなりません。また、ウェブページはIE9、Chrome、FFで動作するはずです。
私の質問は、IE9 / FF / Chromeでその厄介な白い帯を取得せずに、テキストを上下の余白で表示するにはどうすればよいですか？
どんな助けでも大歓迎です。ありがとう ：）