테이블 리셋 테이블의 빈 열 너비

이 문제는 이상한 일이며 나를 미치게합니다.테이블 리셋 테이블의 빈 열 너비

내 코드에는 고정 너비가 필요한 테이블이 있습니다. 테이블에는 기본적으로 페이지 탐색 링크가 있습니다. 열은 First, Prev, Some page nos., Next, Last입니다. 각 열이 채워 지거나 (처음, 이전) 또는 (다음, 마지막) 중 하나가 채워 지더라도 표가 Chrome과 FF에서 올바르게 렌더링됩니다.

그러나 페이지 번호를 제외한 모든 열이 나는 비어있다, 나는 작은 줄을 얻는다.

재미있는 점은 크롬 검사는 테이블 너비가 (약 960px;)로 표시되지만 tbody 너비는 255px로 재설정된다는 것입니다 (내 코드에서는 tbody도 사용하지 않음). 나는 min-width와 table-layout 속성을 각각의 테이블, td, tr에 설정하려고 시도했다. 여기

는 올바르게에 의해 크롬으로하지만 표시 만이 많은 코드가 새 HTML 파일에 복사 한 경우 관련 CSS 부분이

#maincontent {width:1024px; margin:0 auto; text-align:left;} 


#events_table_end {padding:2px; margin:10px; margin-top:0px; padding-top:0; display: block; width:97%; empty-cells:show;} 
#events_table_end tr {width:100%; } 
#events_table_end td {background:#3F547F;color:#D5DFF3; font-weight:bold;} 
#events_table_end a {color:#D5DFF3; padding-right:10px;} 
#events_table_end a:hover {color:white;} 
#events_table_end a.active {color:#F4F8FF; text-decoration:none; pointer-events: none; cursor:text;} 

#events_table_end td.first {border-bottom-left-radius:15px; -moz-border-radius-bottomleft: 15px;} 
#events_table_end td.last {border-bottom-right-radius:15px; -moz-border-radius-bottomright: 15px;} 
a.no_underline {text-decoration:none;} 
a.table_link:hover {font-weight:bold; color:#122A5A; }

입니다 작업의 코드

<div id="maincontent"> 
     <table id="events_table_end"> 
      <tr width="100%"> 
       <td width=5% class="first"></td> 
       <td width=5% ></td> 
       <td width=80%><a href="/events/1?cri=time&amp;order=desc" class="active">1</a></td> 
       <td width=5% ></td> 
       <td width=5% class="last"></td> 
      </tr> 
     </table> 
    </div>

입니다 FF

모든 의견을 부탁드립니다.

참고 : 문제는 jsfiddle here에서 재현 될 수 있다고 생각합니다. 테이블 폭이 올바른 방법에 주목하지만, TBODY 폭은 #events_table_end {} 규칙에서 다음과 같은 선언을 제거

출처

2012-06-18 RedBaron

먼저가' "' – Starx

(HTML 내에서) 변화를하지 않는이 – RedBaron

너희는, 그것은 당신의 HTML이 더 유효하게 내에서 비율을 포장. – Starx

시도되지 않습니다 : 당신이 테이블에 대한 CSS display 속성을 설정한다면

display: block;

것은 올바른 값이 될 것이다 table. 그러나 display 속성을 전혀 설정할 필요가 없습니다.

An amended Fiddle

출처

2012-06-18 09:05:33

정말 고마워. – RedBaron

테이블 리셋 테이블의 빈 열 너비

답변

관련 문제