IE7은 떠 다니는 요소 사이에 빈 텍스트 메모를 만듭니다.

Question

div의 내부에 단순히 떠 다니는 앵커 태그의 무리 인 일종의 페이지 매김 작업을하고 있습니다. 이제 IE7에서 레이아웃을 어기는 겉보기에 임의의 위치에 빈 텍스트 노드를 삽입합니다.

결과 : 그것은 다른 페이지에 보이는 방법

예. 빈 텍스트 노드에 유의하십시오. 허, 응?

CSS : 당신이 볼 수 있듯이

.nwsPaging { 
    width:200px; /* Have also tried fluid size */ 
    height:30px; 
    display:block; } 

.nwsPaging a {  
    width:auto; /* Have also tried fixed size */ 
    margin:0 0 0 1px; 
    padding:2px 8px; 
    border:solid 1px #ccc; 
    background:#eee; 
    float:left;  
    line-height:20px;   
    display:block; 
    zoom:1; 
    vertical-align:top; /* Should not do any difference */ } 

.nwsPaging a:hover, .nwsPaging .isActive { 
    background:#D150A1; 
    color:#fff; 
    display:block; /* Should be redundant, but just in case */ 
    zoom:1; } 

, 나는 용기와 떠 -tags에 대한 고정 폭을 설정, 플러스 그것을 hasLayout을주는 등 일부 다른 일을 시도했습니다. .isActive 클래스에는 특별한 것이 없으며 클래스를 추가하지 않으면 아무런 차이가 없습니다.

나는 다른 시스템에서 똑같은 문제가 있었지만 어떻게 수정했는지 기억하지 못합니다. 코드에 액세스 할 수 없으며 관리자는 도움이되지 않습니다.

보너스 정보 : 사이트는 normalize reset CSS을 사용하는 HTML5 보일러 플레이트를 기반으로 제작되었습니다.

편집 : 마크 업이 매우 간단하고, 태그를 동적으로 생성되지만, 하늘의 텍스트 노드를 만들 수없는 줄 바꿈이 없어야합니다. 구문 분석으로

은 마크 업 제시해야한다 방법 :

<div class="nwsPaging clearfix"> 
    <a href="foo">Previous</a> 
    <a href="bar">1</a> 
    <a href="bar" class="isActive">2</a> 
    <a href="bar">3</a> 
    <a href="baz">Next</a> 
</div> 

Answer 1

이 실제로 코드에서 행 구분에 의해 발생할 수 있습니다.

그들을 제거하고 여전히 그렇게하는지 확인하십시오.