[Solved] Beginner: Header does not extend full page

[rheeler]

html {
background: url(http://cdn.css-tricks.com/images/bkgrn2.png) no-repeat center center fixed;
width: 100%;
height: 100%;
background-size: cover;
body {
width: 80%;
height: 100%;
background: rgba(255, 255, 255, 0.70) no-repeat;
margin-top: 0;
font: 100% Arial, Helvetica, sans-serif;
/padding: 25px;/
margin-left: auto;
margin-right: auto;
margin-bottom: 2em;
}

header {
background: url(http://cdn.css-tricks.com/images/edited/banner5.png);
width: 100%;
float: left;
padding: 15px 0;
height: 400px;
margin: 0 auto;
background-repeat: no-repeat;
margin-top: 0;
}

[Paulie_D]

It might be easier if you make a Codepen.io example.

Raw code usually isn’t much help

[rheeler]

Sorry. Codepen.io is a mystery to me. Lol. My objective is simply to have a background img (which I saved img from firefox) and was sized with paintshop pro to 2900 x 1280, 72px; (placed in html block) solid white background 80% of the width (placed in body tag) with a banner 100% of body. I may have just figured out since my header is 1290 px wide. Thank you so much for your consideration.

[rheeler]

solved

[Author]

Posts