헤더를 브라우저 상단에 정렬하려면 어떻게합니까? 내 헤더 배경 이미지를 삽입하면

는 브라우저의 상단에 정확히 일치하지 않습니다. 헤더 이미지와 브라우저 상단 사이에는 배경색을 나타내는 공백이 있습니다. Header가 화면 맨 위로 올라가고 배경색이 보이지 않게하고 싶습니다.헤더를 브라우저 상단에 정렬하려면 어떻게합니까? 내 헤더 배경 이미지를 삽입하면

/* CSS Document */ 

html, body, { 
    margin: 0; 
    padding: 0; 
} 

body { 
     font: 12px/16px Verdana, Geneva, sans-serif; 
     color: #000; 
     background-color:#426fac; 

} 

/*** header 
****************************************/ 
#header { 
    background: url(images/header-bg.png) no-repeat center top; 
    overflow: hidden; 
}

아이디어를 얻는 방법에 대한 아이디어가 있습니까? 당신이 차지하지 않는 비 - 제로 마진/패딩 요소가 있습니다

출처

2010-01-06 Jack Null

무엇입니까? –

머리글 (h1/div /?)의 여백이 0 인 요소를 정의 할 수도 있습니다. 많은 요소에 여백이 내장되어있어보고있는 공간을 #header로 만들 수 있습니다 분명히 뭔가 margin: 0; padding: 0를 얻을 목록 html, body에 #header를 추가

출처

2010-01-07 00:00:09 Erik

html, 본문, 머리글 { 여백 : 0; 패딩 : 0; 문제 없었다 } –

는 ... 문제는 실패의 원인 제 규칙에 추가 쉼표 (,)이었다 .. –

. 마크 업을 게시하는 경우 마크 업을 식별하는 데 도움이 될 수 있습니다. 이것은 쉽게 태그 자체에 설정하지 않는 기본 값일 수 있습니다.

또는 당신은 firebug를 사용할 수 있습니다. #header 요소를 선택하고 브라우저에서 CSS 정의를 검토하십시오. #header 일 수도 있고 헤더의 부모/조상 일 수도 있습니다.

출처

2010-01-06 23:59:55

Firebug를 사용하여 문제의 원인을 신속하게 확인하는 것이 좋습니다. Firebug의 Inspect 기능을 사용하고 커서를 해당 공간으로 향하게하면 문제를 일으키는 요소 및 CSS 줄을 확인해야합니다. –

시도에 연결되어 있습니다. 당신이 당신의 CSS에서 오류가 있기 때문이다

는

출처

2010-01-07 00:04:23

당신은 html,body, {에서 마지막 쉼표 (,)를 제거하고 몸으로 인해 실패 HTML 약이 html,body {

현재 첫 번째 CSS 규칙을 만들 필요가 그것에 .. 일부 HTML 또는 링크에 대한

출처

2010-01-07 00:06:47

헤더를 브라우저 상단에 정렬하려면 어떻게합니까? 내 헤더 배경 이미지를 삽입하면

답변

관련 문제