CSS 표 너비 규칙

기존 응용 프로그램을 지원하고 있습니다. CSS 표 너비 규칙

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

그래서 기본적으로 여러 패널이 있고, 그들에있는 모든 테이블에 대한 width이 100%으로 설정됩니다

는 CSS에서 다음과 같은 규칙이있다.

이제 문제는 대시 보드 패널에서 외부 라이브러리 (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> table '시도해보십시오. – 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; 
}

또는

이 단지 작은 HTML의 부분과 CSS 코드 당신 같이 확실히 말할 하드

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

제공됩니다. 결과에 영향을 미치는 다른 요소가있을 수 있습니다.

출처

2013-01-21 08:39:27 Aivar

나는 첫 번째 솔루션을 사용하여 끝났다. 감사! –

CSS 표 너비 규칙

답변

관련 문제