0

レガシー アプリケーションをサポートしています。

CSS には、次の規則があります。

.dashboard-panel table {
    width: 100%;
}

したがって、基本的には多くのパネルがあり、それらのすべてのテーブルでwidthが に設定されてい100%ます。

問題: ダッシュボード パネルに、外部ライブラリ (richfaces) からカレンダー コントロールを配置しました。このカレンダー コントロールは、日を表示するためにテーブルを使用しています。そして、これwidth:100%はカレンダーテーブルに影響を与えています。

例：

<div class="dashboard-panel">
    <div id="content">
       <table id="table1"> //this is ok
            <tr>
               <td>
                  <table id="richfacesCalendarTable"> //this not ok
                  </table>
               </td>  
            </tr> 
       </table>        
    </div>
</div>

ここで適切な解決策は何ですか？

このアプリケーションのすべてのパネルを調べて、そこに別のスタイルを配置したくありません。

4

1 に答える 1

2

cssの最後にそのようなものを追加した場合のMabye：

.dashboard-panel table#richfacesCalendarTable {
    width: your_desired_width_px !important;
}

また

.dashboard-panel table#richfacesCalendarTable {
    width: auto !important;
    display: table !important;
}

これはあなたが提供したHTMLとCSSコードのほんの一部であるため、確かに言うのは難しいです。結果に影響を与える他の要素が存在する可能性があります。

于 2013-01-21T08:39:27.580 に答える