2014-07-24 2 views
0

내 페이지에 아래 DOCTYPE을 사용하고 있으며 페이지를 Quirks 모드로 유지하고 내 테이블은 아래 링크의 것과 같습니다. 표 만들기 모드가 동일하지 않은 것처럼 보이게하기

http://talkingsoccer.net/inquirks.jpg

나는 아래의 것들 중 하나에 문서 타입을 변경

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> 
는 페이지가 쿼크 모드에서 촬영하고 아래 링크에서와 같이 IE8 표준 모드 (나는 IE8을 사용하고 있습니다)를 사용하고 있습니다 .

<!DOCTYPE html> or <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> 

http://talkingsoccer.net/outofquirks.jpg

나는 IE8 표준 모드가 크롬, 파이어 폭스, IE8- 같은 다른 주요되는 브라우저도 (위쪽 링크에 표시된 이미지) 쿼크 모드에서 테이블 모양과 만드는 CSS에서 할 수있는 일 IE12 이상? 여기

당신이 당신 측 이미지는 다음 BG를 보여주는 그 사업부 마진 왼쪽 테이블에 테이블을 만들 수있는 배경을 먼저 DIV를 생성하고 설정해야합니다 ...

<style> 
    .link2 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px;  
    font-weight: bold; color: #333333; text-decoration: none} 
</style> 

<table width="100%" border="1" cellspacing="3" cellpadding="2" bgcolor="#B5CBE7"> 
<tr> 
    <td><a href="http://www.example.com/" class="link2">Home Page</a></td> 
</tr> 
<tr> 
    <td><a href="http://www.example.com/affiliate.htm" class="link2">Affiliate Program</a></td> 
    </tr> 
    <tr> 
    <td><a href="http://www.example.com/catalog.htm" class="link2">Order Catalog</a> 
    </td> 

    </tr> 
    <tr> 
    <td><a href="http://www.example.com/privacy.htm" class="link2">Privacy Policy</a> 
    </td> 

    </tr> 
    <tr> 
    <td><a href="http://www.example.com/status.htm" class="link2">Order Status</a></td> 
    </tr>    
    <tr> 
    <td><a href="http://www.example.com/return.htm" class="link2">Return Policy</a></td> 
    </tr> 
    <tr> 
    <td><a href="http://www.example.com/cgi-bin/cybercart6.pl?action=order& 
     merchant=mysite" class="link2">View Shopping Cart</a></td> 

    </tr> 
    </table> 
+0

셀 패딩을 의미하는 것입니까? 나는이 바이올린에서 한 것처럼, http://jsfiddle.net/aRnJ5/ –

+0

참조 할 렌더링 기능을 지정해야합니다. –

답변

0

내 코드입니다 그 앵커 다음에 이미지, td, tr 모든 패딩 및 여백을 0으로 설정하면 텍스트와 표 경계 사이의 공간이 줄어 듭니다.