Mein Kopf Div funktioniert nicht

Question

Mein Kopf nicht funktioniert, wie in, wenn ich gebe ein

background: #XXXXXX 

es nicht den ganzen Kopf nur 2 Seiten füllen, und wenn ich eine Breite von 90 hinzufügen, sagt % und margin von 0 auto verschwindet die Farbe komplett.

body{ 
font-family: Trebuchet, Arial, Helvetica; 
font-size:15px; 
line-height:1.5; 
padding:0; 
margin:0; 
background-color:#0a1612 

} 
/* Global */ 
.container{ 
width:80%; 
margin:auto; 
overflow:hidden; 
background:#c5c1c0 

} 
/* Header */ 
header { 
background:#f7ce3e 
width: 90%; 
margin: 0 auto; 

    } 

Answer 1

Im Header-Abschnitt nach background:#f7ce3e; Semikolon fehlt. Deshalb werden alle Stile, die danach ausgeführt werden, nicht angewendet. Hier ist ein Beispiel behoben.

body{ 
 
font-family: Trebuchet, Arial, Helvetica; 
 
font-size:15px; 
 
line-height:1.5; 
 
padding:0; 
 
margin:0; 
 
background-color:#0a1612; 
 

 
} 
 
/* Global */ 
 
.container{ 
 
width:80%; 
 
margin:auto; 
 
overflow:hidden; 
 
background:#c5c1c0; 
 
} 
 
/* Header */ 
 
header { 
 
background:#f7ce3e; 
 
width: 90%; 
 
margin: 0 auto; 
 
padding: 0 5%; 
 
    }

<header> Lorem ipsum dolor sit amet consectetur, adipisicing elit. Repudiandae consectetur voluptas reiciendis officiis nisi, eius recusandae odio voluptatum quod modi aliquid iste distinctio accusamus placeat maiores quam possimus! Eius, animi. </header> 
 
<div class="container">Lorem ipsum, dolor sit amet consectetur adipisicing elit. Quis iste quam unde omnis ex debitis assumenda atque, quae voluptatibus temporibus. Ratione perspiciatis incidunt fuga laudantium magnam tempora eligendi nesciunt quis.</div>