2012-04-28 2 views
0

jquery 페이지 매김을 시도하고 있지만 하단에 탐색기를 유지하는 데 문제가 있습니다 (심지어 clear: both).다른 div의 맨 아래에 div를두기

enter image description here

문제는 어디 </ul> 끝 잘 될 필요가 있고 <div class="alt_page_navigation"></div> 네비게이션 사업부는 다른 사업부에서, 또는 다른 페이지 매김 GET의 깨진 수 없다는 것입니다.

또 다른 문제는 페이지가 동적이기 때문에 미리 alt_page_navigation의 너비를 알 수 없다는 것입니다.

Here's a live page example 나는 모든 것을 다 사용해 봤지만 아무 소용이 없었다. 사람이 간단한 해결책 알고있는 경우 , 내가

+0

절대 위치 지정을 시도 했습니까? 그게 선택입니까? – Undefined

+0

예. 래퍼를 '상대적'으로 만들고 페이지 매기기 '절대적'을 설정하면 탐색기를 중심으로하는 '인라인 블록'코드가 손상됩니다. 그 이유는 내용이 동적이기 때문에 사전에 페이지 매김 도구의 너비를 알지 못하기 때문에 문제가 있습니다. ( – pufAmuf

+0

@pufAmuf 그런 다음 페이지 지정자가 왼쪽으로 배치 된 절대 배치 된 블록 안에 넣습니다 : 0 및 텍스트 정렬 : center. –

답변

3

지우기가 인라인 블록 디스플레이 작동하지 않습니다) :

: 감사합니다 알려,하지만 당신은 중심에 대한 것을 필요하시기 바랍니다. 어음 사업부를 만들기위한

시도 this solution는 다음의 제품 및 호출기 사이

<div class="clearfix"></div> 

을 넣어.

+0

훌륭합니다, 감사합니다! :) – pufAmuf

1

풋하여 탐색의 높이로 바닥과 동일한에서 패딩, 위치 때문에 같은 : 하나 http://jsfiddle.net/CwrMq/


그러나 절대 위치를 사용할 이유가 없습니다 :

.wrapper { position:relative; padding-bottom:1.5em } 
.nav  { height:1.5em; position:absolute; bottom:0 } 
예를 들어

; 그냥 적절한 display:block 항목으로 만드십시오. 예 : http://jsfiddle.net/CwrMq/1/

1

.alt_page_navigation div에는 display: inline-block이 설정되어 있습니다. 이 줄을 CSS에서 삭제하면 div가 수레를 지 웁니다. 콘텐츠가 페이지의 중앙에 오도록하려면 text-align: center을 추가하고 내용이 inline-block (이제 a은 블록 수준)인지 확인하십시오. 여기에서 실제 예제를 볼 수 있습니다 : http://jsfiddle.net/6FNH6/

0

다음은 이와 같은 상황에서 사용하는 솔루션입니다. 하단에 넣어 절대 당신이 수평으로 중앙에 텍스트를 맞 춥니 다 사용하고 기본적으로 http://jsfiddle.net/94MwF/1/

및 위치 -

귀하 매기기는이 수평

이 바이올린을 참조하십시오 배치 컨테이너 내부에 갈 필요 .

+0

샘에게 감사드립니다. 호출기를 다른 div에 넣으면 호출이 중단됩니다. – pufAmuf

관련 문제