다른 브라우저에서의 Td 높이 동작

누군가 다음 코드에 의해 생성 된 페이지를보고 왜 tr 사이의 간격이 같지 않은지 (Chrome> IE> Firefox) 알려주시겠습니까? 어떻게 해결할 수 있습니까 (이미 CSS 재설정을 시도 했습니까?).다른 브라우저에서의 Td 높이 동작

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" 
"http://www.w3.org/TR/html4/loose.dtd"> 
<html> 
<head> 
    <title>Test</title> 
</head> 
<body> 
    <table cellspacing='0' cellpadding='0'> 
     <tr> 
      <td><input type='text' /></td> 
     </tr> 
     <tr> 
      <td><input type='text' /></td> 
     </tr> 
    </table> 
</body> 
</html>

출처

2011-10-12 Yoot

폼 요소는 다른 브라우저 다르게 렌더링 - 그것은 오히려 <table> 코드보다, 그 차이를 일으키는 것을 할 수있다.

출처

2011-10-12 10:15:08

사실 "차이"를 유발하는 것은 "입력"의 "여백"속성입니다. 문제를 해결하기 위해 "0px"로 설정해야했습니다. – Yoot

@Yoot : 아하! 훌륭합니다. 고칠 방법을 찾았 기 때문에 기쁩니다. –

다른 브라우저에서의 Td 높이 동작

답변

관련 문제