레이아웃에 CSS를 사용할 때 IE6과 IE7에서 이상한 수직 간격이 생깁니다.

Question

조나단 아미드 덕분에 CSS는 아래 iebug.html에서 수정되었습니다.

IE6이나 IE7에서는이 문제를 보지 않고서는이 문제를 설명하기가 어렵지만 IE6의 다음 페이지를 보면 "브로슈어를 보내십시오"와 " 나는 모든의 마진과 패딩을 변경하려고했습니다

http://sonic.huntinternet.com/iebug.html

: 나는 (하나 이상의 상자를 선택합니다) "확인란과 레이블 신비 밀거나 어떤 이유로 헐 된에 대한 자세한 정보를 원하시면 0에 대한 나의 요소는 아직 IE6에는 아무런 영향을 미치지 않는다. & 7 - 나는 그것이 어떤 종류의 버그라고 생각한다는 것을 의미한다. 그러나 나는 정말로 en을 가지지 않는다. 어떤 종류의 포인터를 찾아야할지 모르는 어리석은 경험이므로 어떤 종류의 포인터라도 좋을 것입니다.

참고 중점 목록을 사용하는 것이 좋습니다 사이트 포인트 웹 사이트에서 가이드를 사용했지만 실제로는 차이가 없어야합니다. xhtml과 css는 모두 w3c의 유효성 검사기에 따라 유효합니다.

도움 주셔서 감사합니다. John.

Answer 1

추가 * 표시 : 인라인 블록; 귀하의. enquiry-form ol li. 이는 IE 6/7이 항목을 나열하는 (기본적으로 요소 차단) 방법을 새 줄로 만드는 일반적인 버그입니다.

Answer 2

플로팅 된 레이블이 복사시 두 줄로 길어 져서 OL이 두 번째 줄의 맨 위에 정렬됩니다.

여기에 떠오르는 솔루션은 OL을 왼쪽으로 부각시키는 것입니다. 물론 이것은 각 LI에 clearfix 스타일이 필요합니다 (clearfix의 스타일은 http://net.tutsplus.com/tutorials/html-css-techniques/css-fudamentals-containing-children/).