ウェブサイトのヘッダー全幅を作る方法は？

Question

私は、ヘッダー画像がウェブサイトの全幅をカバーするようにする方法を知っておく必要があります。

HTML：

<header> 
    <div id="header" align="center"> 
     <img name="Antique Picture" src="C:\website\Header.jpg" alt="logo"> 
</header> 

CSS：

header {   
} 

ここでは、どのようなIのスクリーンショットですしようとしています：

Answer 1

は、まず、あなたの更新の質問に基づいてimg

body { 
 
    margin: 0 
 
} 
 
img { 
 
    width: 100% 
 
}

<header> 
 
    <img name="Antique Picture" src="//placehold.it/1500x900" alt="logo" /> 
 
</header>

UPDATEでwidth:100%を使用align="center"を使用していないここに

それを

body { 
 
    margin: 0 
 
} 
 
header { 
 
    background: red 
 
} 
 
img { 
 
    max-width: 100%; 
 
    width: 300px; 
 
    margin: auto; 
 
    display: block 
 
}

<header> 
 
    <img name="Antique Picture" src="//placehold.it/1500x900" alt="logo" /> 
 
</header>

を行う方法であります上記の画像タグで

Answer 2

<img name="Antique Picture" src="C:\website\Header.jpg" alt="logo" width="100%"> 

、あなたは100％の意志としての幅を追加する必要があります。