Home/ Questions/Q 8717561
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-13T06:19:53+00:00

If I large my browser then my div header width don’t show 100%. But

  • 0

If I large my browser then my div header width don’t show 100%. But I set my div header width 100%. Please can someone point out what I may be doing wrong here? Many thanks. Here is my code:

<!DOCTYPE html>
    <html lang="en">
    <head>
    <meta charset="utf-8">
    <title>Welcome Page</title>
    <link rel="shortcut icon" href="image/icon.ico" >
    <link rel="StyleSheet" href="style/login.css" type="text/css"/>
        </head>
        <body>
            <div id="header">
            <div id="header_contain">
                <table width="100%" cellpadding="0" cellspacing="0">
                    <tr>
                        <td width="50%" style="font-size: 18pt; font-weight: bold">Hello</td>
                        <td width="50%" align="right" style="font-size: 18pt; font-weight: bold">What's Up!</td>
                    </tr>
                </table>
            </div>
            </div>
     </body>
    </html>

css code

body
{
margin: 0px;
padding: 0px;
font-family: arial, helvetica, sans-serif;
font-size:10pt;
}

#header
{
width: 100%;
height: 85px;
background: #006666;
}

#header_contain
{
    color: white;
    width: 980px;
    height: auto;
    margin: 0px auto;
    padding-top: 30px;
}
Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    I use same color on header_contain div that I have already used in head div and this way I solve this problem.

    #header
{
width: 100%;
height: 85px;
background: #006666;
}

#header_contain
{
    color: white;
    width: 980px;
height: 85px;
background: #006666;
    margin: 0px auto;
    padding-top: 30px;
}
    • 0