2011-04-08 10 views
1

100 % 너비 페이지에서 전체 화면을 채우는 표가 필요합니다. 이미지가있는 첫 번째 테이블에 문제가 있습니다.왜 테이블이 100 % 넓지 않습니까?

<table cellspacing="0" cellpadding="0" border="0" width="100%" align="center"> 
<tr> 
<td bgcolor="$bordercolor"> 
<table border="0" cellspacing="100%" cellpadding="$tablespace" width="100%" > 
<tr> 
<td class="tablerow" bgcolor="$altbg2" background="images/idown/bga.png"> 
<table width="100%" border="0" cellspacing="0" cellpadding="0" > 
<tr> 
<td class="tablerow" align="left">$lang[loggedin] <a href=member.php?action=viewpro&amp;member=$xmbuser>$xmbuser</a> $loginout | $lastvisittext <br>$newu2umsg</td> 
<td class="tablerow" align="right" >$searchlink $links $pluglink</td> 
</tr> 
</table> 
</td> 
</tr> 
</tr> 
</table> 
</td> 
</tr> 
</table> 

(또한 http://ydown.totalh.com/forum/.)

+0

'

'잘 작동합니다. 이게 니가 필요한거야? –

답변

2

당신은 테이블을 중첩했다. 해당 테이블에 100 %를 실제로 갖고 싶다면 너비를 바깥 쪽 테이블과 내부 테이블 모두에 100 % 추가해야합니다. 외부 테이블의 너비는 1028px로 설정됩니다.

1

Google에서 HTML (생성 된 HTML 만)을 볼 수 없기 때문에 문제를 디버그 할 수 없습니다. 렌더링 된 HTML에 따르면 1028px로 설정된 너비가 있습니다.

테이블 레이아웃에 전혀 적합하지 않습니다. 특별히 CSS를 사용하여이 특정 문제를 공격해야합니다.

1

코드를 게시 한 테이블의 부모 인 테이블에 문제가 있습니다.

<table width="1028px" cellpadding="0" cellspacing="0" align="center"> 

너비는 1028px가 아니라 100 %로 설정됩니다. 대신 100 %로 설정하십시오.

<table width="100%" cellspacing="0" cellpadding="0" border="0" bgcolor="#cacaca" align="center"> 
+0

하지만 여전히 작동하지 않습니다. – langel

+0

@langel - width = "1028 px"또는 width = "1028px"의 모든 인스턴스를 width = "100 %"로 변경하십시오. 그래도 문제가 지속되면 원래 질문의 코드를 업데이트하십시오. – KatieK

1

이 질문에 대한 대답은 대부분의 사람들을위한 중첩 테이블과는 관련이 없습니다. 실제로 테이블을 포함하는 body 요소에 테두리 또는 여백이 있습니다. 이를 제거하기 위해 margin:0px;border:0px과 같은 스타일 속성을 BODY 요소에 추가해야합니다.

관련 문제