표의 고정 유체 기둥

Question

<table> 
    <tr> 
    <td>Fixed-Width Column: 250px</td> 
    <td>Fluid Width Column: remaining width</td> 
    </tr> 
</table> 

나는 이것으로 페이지 레이아웃을 만들지 않아서 표를 사용해야합니다. 이 크로스 브라우저를 구현할 수있는 방법이 있습니까? 그게 도움이된다면 이미이 프로젝트에서 jQuery를 사용하고 있습니까?

Answer 1

<table width="100%"> 
    <tr> 
    <td width="250">Fixed-Width Column: 250px</td> 
    <td width="*">Fluid Width Column: remaining width</td> 
    </tr> 
</table> 

또는 CSS에 스타일 정보를 넣을 수 있습니다.

<table class="styletable"> 
    <tr> 
    <td class="navigation">Fixed-Width Column: 250px</td> 
    <td class="maincontent">Fluid Width Column: remaining width</td> 
    </tr> 
</table> 

CSS의가 될 것입니다 :

.styletable { 
    width: 100%; 
} 

.navigation { 
    width: 250px; 
} 

maincontent가 자동으로 나머지 폭을 얻을 것이다 이것에 대한 HTML처럼 보인다.

<div> 기반 레이아웃을 사용하면 동일한 결과를 얻을 수 있습니다. html로 :

<div> 
    <div class="navigation">Fixed-Width Column: 250px</div> 
    <div class="maincontent">Fluid Width Column: remaining width</div> 
</div> 

및 CSS :

.navigation { 
    width: 250px; 
    float: left; 
} 

.maincontent { 
    margin-left: 260px; 
} 

Answer 2

좋아이 그것을 생각 : 그것은 크로스 브라우저를 작동하는 경우

가

<table> 
    <tr> 
    <td width="250px">Fixed-Width Column: 250px</td> 
    <td>Fluid Width Column: remaining width</td> 
    </tr> 
</table> 

나는 아직까지 모릅니다.