Home/ Questions/Q 7617009
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-31T03:02:03+00:00

I am having a hard time to create make the background color stretch across

  • 0

I am having a hard time to create make the background color stretch across the browser

here is some code

body {
    font-size: 1.1em;
    font-family: "Myriad Pro", "Gill Sans", "Gill Sans MT", "Calibri", sans-serif;
    margin: 0px auto;
    padding-bottom: 25px;
    width: 980px;
}


div#black_bar{
    background-color: #000000;
}
div#header {
    height: 66px;
    font-family: arial;
    margin: 0 auto;
    color: #FFFFFF;
    margin-top: 5px;
}

of course as you can see i have specified the width to be 980px in the body and this apply to the header of course, any ideas how to solve this

and by the way this black bar is actually a div containing the header in it

Thanks in advance.

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    You will need the header wrapper to be inside the body with width 100%, and to specify width=980px both on the header and content below, like this :

    CSS

    body, html{
    width:100%;
}

div#black_bar{
    background-color: #000000;
    width:100%;
}
div#header {
    height: 66px;
    font-family: arial;
    color: #FFFFFF;
    margin-top: 5px;
    width:980px;
    margin:0 auto;
}

#content{
    font-size: 1.1em;
    font-family: "Myriad Pro", "Gill Sans", "Gill Sans MT", "Calibri", sans-serif;  
    padding-bottom: 25px;
    margin: 0 auto;
    width: 980px;
}

    HTML

    <body>

<div id="black_bar">
    <div id="header">
    </div>
</div>

<div id="content">
</div>

</body>
    • 0