중복 요소는

Question

나는 여기에 데이터로 바이올린을 가지고 :

http://jsfiddle.net/ktpmm5/Z5z8n/

페이지는 여기에서 개최된다

이

http://steppingstonez.com/daretorepair/magazines.php

기본적으로 내 페이징 요소가 밀려됩니다 왼쪽으로 가면서 내 머리 위로 눕힌다. 이것은 IE 8에서만 발생합니다 - Chrome, FF 및 Opera에서 잘 작동합니다. 나는 무엇이 잘못되었는지 알아 내려고 미쳤을 것이다. html로 유효성을 검사합니다.

아이디어가 있으십니까?

Answer 1

빠른 솔루션 :

, 그것은 대략 일을 만드는 position: relative을 가지고있는 페이징 래퍼를 변경하고 ul.paging 오른쪽 (위치를 제거)을 떠.

페이징 래퍼를 포함하려면 head_text에 높이를 추가해야합니다 (paging_wrapper은 이제 흐름에서 벗어나있어 높이가 계산되지 않습니다).

긴 솔루션 :

위의 수정, 당신은 여전히 ​​긴 제목에 관계없이 중복, 그래서 내가 (너무 긴 경우는 포장 만들기) 헤더의 영역/폭을 정의 할하는 문제를 가지고도 함께하고 또한 페이징 장치의 영역을 제한 할 수 있습니다 (표시된 단추의 수를 제한하여).

Answer 2

다른 빠른 해결책 : .paging CSS 클래스 (UL)의 올바른 너비를 지정하십시오. 예를 들어 너비가 220px 인 것 같습니다.

.paging { 
    ... 
    ... 
    width: 220px; /* new */ 
} 

Answer 3

음수 여백을 사용하는 것이 더 문제가되는 것처럼 보입니다. paging_wrapper와 페이징 li에 margin-top을 둘 다 가지고 있습니다. 이것은 아마 IE에서 지원에 대한 약간의 기괴함을 유발합니다.