헤더의 html 배너가 표시되지 않습니다.

안녕하세요 저는 HTML과 CSS를 처음 사용하며 헤더에 배경 이미지를 표시하려고했습니다. 그러나 아무 일도 일어나지 않는 것 같습니다.헤더의 html 배너가 표시되지 않습니다.

header{ 
background-image: url(../images/banner2.png); 
background-repeat: no-repeat; 
margin: 0 auto; 
max-height:100px; 
width: 100%; 
}

이 내 HTML 코드 : 미리

<!DOCTYPE html> 
    <html> 
    <head> 
    <title>Contact</title> 
    <link rel="stylesheet" href="../css/main.css" /> 
    </head> 
    <body id = "contact"> 
    <header></header> 
    <div id="page"> 
    <div id="logo"> 
     <h1><a href="../html/index.html" id="logoLink">Baby kleding online</a></h1> 
    </div> 
    <div id="nav"> 
     <ul> 
      <li><a href="../html/index.html"id="homenav">Home</a></li> 
      <li><a href="../html/kleding.html"id="kledingnav">Kleding</a></li> 
      <li><a class="inuse" href="../html/contact.html"id="contactnav">Contact</a>  </li> 
      <li><a href="../html/vragen.html"id="vragennav">Vragen</a></li> 
     </ul> 
    </div> 
    <div class="content"> 
     <h2>Contact</h2> 
    </div> 
    <div class="Images"> 
     <b target="_blank" href="kleding.htm"> 
      <img src="../images/logo.PNG" alt="Boy1" width="300" height="140"> 
     </b> 
    </div> 
</div> 
</body> 
</html>

덕분에 내 이미지의 테 사양 (* 2000 500)를 설정

이 내 CSS 코드를 도와주세요!

출처

2013-11-01 Thomas Pen

헤더는 –

은 어느 쪽이든 당신은 높이가 설정하고 폭 필요가 ;-) 설정 높이를 가지고 있지 않거나은'header' 일부에 위치하지 않는 한, 또한 '

' –

의 내부에 뭔가를 작성해야 "width : 100 %;" –

문제를 해결하려면 헤더에 높이를 지정해야합니다. height: [Amount of pixels]px;

또는 헤더를 표시 할 <header></header> 태그 사이에 뭔가를 추가 할 수 있습니다.

출처

2013-11-01 12:57:37

'px '가있는 높이 만 작동합니다! –

높이를 100 %로 설정하면 여전히 결과가 없습니다. –

편집 됨 .... 원하는 픽셀의 크기로 높이를 설정하십시오. 이미지보다 더 크게 설정하면 공백으로 남습니다. 이미지가 도달하기에 작습니다. –

헤더의 html 배너가 표시되지 않습니다.

답변

관련 문제