CSSに関する質問です。
すみません、よいタイトルがみつかりません。
画面上2つの表示領域があります。
左側がwidth:60%、右側がwidth:40%になっています。
右側の表示エリアにTABLEを置いてwidth:100%にしています。
ただ、これだと、TABLEの内容が長い文章が入った時に、
右側の表示領域が全体の40%を超えてしまいます。
そこで、overflow:scrollを入れてスクロールバーを出させようとしたのですが
TABLEのwidth:100%指定では結局全部表示しようと広げてしまいます。
max-widthを指定すれば、右側全領域の40%にみたないサイズの表示をしてしまいます。
こういう時はどうすればよいのでしょうか?
例)
あああ・・・・のところを改行させずに横スクロールバーを出したくて
nowrapで改行させず、scrollをいれたのですが、
<html> <head> </head> <body> <table width="100%" border="1" cellspacing="0"> <tr> <td width="60%" valign="top" style="white-space: nowrap; table-layout: fixed;"> あいうえお </td> <td width="40%" valign="top" style="white-space: nowrap; table-layout: fixed;"> <p style="width:100%; overflow:scroll;"> ああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああ </p> </td> </tr> </table> </body> </html>
回答2件
あなたの回答
tips
プレビュー