이상한 흰색 틈새 및 가로 스크롤 문제

Question

내가 작업중인 디자인에 문제가있는 것 같습니다. 저는 킥 스타트 HTML 프레임 워크를 사용하고 있지만 몇 가지 문제가 있습니다.

첫째, 내 페이지 상단 (로고, 탐색 바)과 텍스트 사이에 매우 큰 흰색 틈이 있다는 것입니다.

두 번째로 z- 색인을 사용하여 navbar 위에 로고를 오버레이하려했습니다. 그러나 음의 수평 스크롤이 발생합니다. 나는 overflow-x를 숨김으로써 그것을 숨기려고 노력했지만, 그것은 최상의 솔루션처럼 보이지 않습니다.

당신은 위치를 사용하여, http://jkr.me.uk/problem.html

감사에서

존

Answer 1

을 문제를 볼 수 있습니다 로고에 상대는 당신이 refferring있어 공간을 차지한다.

대신 float : right를 사용하거나 position : absolute로 위치를 지정하십시오.

Answer 2

흰색 틈새 문제는 이미지입니다. position:relative 속성을 사용하지 않으면 이미지 하단이 첫 번째 머리글 태그의 위쪽 여백에 닿아 있습니다. 이것에 대한 더러운 해결 방법은 첫 번째 헤더에 margin-top: -200px 또는 로고 이미지에 margin-bottom: -200px을 입력하는 것입니다. 이전 답변자의 방법을 사용할 수도 있습니다. 네비게이션 바 오버레이 로고 이미지로

, 그것은 크롬과 IE 9 모두 나를 위해 수행