2013-04-24 4 views
1

나는 동적 CSS는 끈적 끈적한 바닥 글 솔루션을 최근에보고 건너 온 한이 하나 은 내가 시도했지만위한 한 인기 새로운 대부분의 브라우저에서 잘 작동하는 것 같다 http://pixelsvsbytes.com/examples/sticky-footers-the-flexible-way/simple.html동적 높이가 끈적 끈적한 바닥 글을 CSS

크롬이 같은 방식으로 그것을 표시하지 않는 몇 가지 이유와 내 추측은 사파리가 같은 방식으로 행동한다는 것입니다.

누구든지 문제가있는 위치를 손가락으로 가리킬 수 있습니까?

감사합니다.

+0

내가 링크를 따라 바닥 글이 바닥 글이 잘 붙어 있지만 헤더는 숙박하지 않는 크롬 및 사파리 – Vector

+0

에 잘 붙어로 설정 해결하기 위해 다른 브라우저에서와 같이 상단 – Jake

+1

이것은 버그 일 수 있습니다. 'display : table'을 제거하고 다시 추가하면 올바르게 표시됩니다. –

답변

3

좋아요. 폭발 알약 덕분에 문제가 해결되었습니다.

body 태그 표시 속성을 display: table으로 설정하면 버그 일 가능성이 큽니다.

은 또 다른 div 태그 내부의 요소를 배치하고 display: table

+0

다른 div 안에 내용을 묻어 버리는 주된 문제는 물론 레이아웃을 강제 변환하는 데 사용되는 여분의 div가 아닌 것입니다. - 자연 요소 - 그들은 데이터 *와 아무 관련이 없습니다. 그리고 레이아웃 요소로서 그들은 현대 웹 페이지에서 적절한 관심을 분리 관찰합니다. FWIW. – Craig

관련 문제