CSS表格寬度規則

我正在支持遺留應用程序。CSS表格寬度規則

在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>

什麼是這裏的妥善解決？

我不想穿過這個應用程序中的每個面板，並在那裏放置一個單獨的樣式。

來源

2013-01-21 Petar Minchev

沒有給出任何HTML，看看這些東西是每個人都必須猜測。嘗試使用'.dashboard-panel>表格' – Popnoodles

如果您不介意丟棄舊的瀏覽器支持，請嘗試['：not（）']（https://developer.mozilla.org/en-US/docs/CSS/：不）僞類。 – Passerby

@popnoodles - 我認爲我的問題很明確，但我會放一些HTML。 –

Mabye如果添加類似的東西到你的CSS的結尾：

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

或

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

很難肯定地說，因爲這僅僅是HTML的一小部分和CSS代碼你提供。可能有其他因素影響你的結果。

來源

2013-01-21 08:39:27 Aivar

我最終使用了第一種解決方案。謝謝！ –

CSS表格寬度規則

回答

相關問題