2014-09-05 3 views
-2

나는 제거되지 않을 나의 첫 페이지에이 이상한 흰 선을 가지고있다. 나는 그것이 loocked하고있는 것을 찾는다. 사이트는 반응이 좋으며 휴대 전화에서도 더 이상한 것처럼 보입니다. 누군가 나를 도울 수 있습니까?흰 줄을 제거하는 방법?

+4

페이지를 검사 할 것 같습니까? 공백 행 – wonderwhy

+0

코드를 제공 하시겠습니까? 문제를 재현 할 수있는 최소한의 코드를 작성하십시오. 그렇지 않으면 웹 사이트를 변경하면 질문이 오래되거나 쓸모 없게됩니다. – fcalderan

+1

웹 사이트가로드되지 않습니다 ... – mariobgr

답변

2

그럼 몇 가지 문제가 있습니다. 가장 빠르고 쉬운 수정은 CSS 클래스를 업데이트하는 것입니다. gdlr-header-inner background-color 추가 : 투명;

첫 번째 문제는 배경이 흰색이라는 것입니다.

내가 쉽게 해결할 수있는 다음 수정 사항은 닫는 머리글 태그 바로 뒤에있는 div에서 클래스 content-wrapper가 있어야한다는 것입니다.

해당 div에 margin-top : -95px를 추가합니다.

하루가 끝날 때면 헤더가 이미지의 상단 부분보다 큽니다. 두 이미지를 병합하고 배경색과 배경 이미지를 body 태그로 설정해야하는지 궁금합니다. 그렇다면 걱정할 필요가 없습니다. 그런 다음 여전히 위 아래로 x 픽셀을 누를 수 있습니다. http://www.w3schools.com/cssref/pr_background-position.asp

+0

나는 그것을 transperent하게했다. 하지만 사이트가 resonsive 그래서 내가 다시오고 계속 창 크기를 조정할 때. 그리고 이제 저는 그림과 그림자 아래에 흰색 공간이 생겼습니다. – bear

+1

내가 몸의 배경 이미지로 사용하는 또 다른 이유가 될 것입니다. 다른 옵션은 div 요소를 만들고 0과 0의 절대 위치를 지정하고 고정 된 높이를주고 너비를 100 %로 설정합니다. 그런 다음 해당 div 안에 이미지 태그를 넣고 너비를 100 %로 설정하면 페이지가 변경 될 때 이미지 크기를 조정해야합니다. 그런 다음 반응 형 디자인의 미디어 쿼리에 따라 배경 이미지를 변경할 수도 있습니다. 그러나 문제는 헤더가 로고를위한 공간을 필요로하기 때문에 문제를 해결하는 것과 같습니다. –

0

우선, 로고와 함께있는 div와 그 패딩이 헤더에 비해 너무 큽니다. 그래서 페이지의 나머지 부분을 아래로 밀고 있습니다.

gdlr-logo div의 위쪽 및 아래쪽 패딩을 변경해보십시오. 약간의 여백을 제거하고 헤더 요소의 높이를 검토 할

.gdlr-logo {margin-top: 26px;} 

시도를 :

+0

감사합니다! 비록 내가 그것을 바꿀지라도 나는 여전히 작은 흰색 선이다. 나는 zindex를 사용하여 로고가 끝났을지라도 dident가 작동하도록 노력했다. 사진을 줄 지어 모르는 것이 정말 불가능한가요? – bear

+0

나는 Z- 색인을 뜻하는지 모르겠습니다. 나는 당신이 위치를 의미한다고 생각합니다 : 절대; gdlr-logo div – Votemike

0

당신은 같은 일부 요소의 높이에 문제가 있습니다.

+0

에 추가해 보았습니다.이 작업을 수행했지만 약간 효과가있었습니다. 머리말에 배경을 transperent로 설정하십시오. 그러나 사이트는 반응 형이어서 창 크기를 변경하자마자 선이 나타납니다. – bear

관련 문제