Home/ Questions/Q 9227885
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-18T05:11:22+00:00

What I’m trying to do is have a bootstrap like navbar where the actual

  • 0

What I’m trying to do is have a bootstrap like navbar where the actual navbar is around 960px in the center but have the background color span the entire width of the window.

However, when the window is less than 960px in width, and I scroll, the background doesn’t go all the way to the end.

Is it possible to make this happen without having custom rules for max-width(960px)?

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Test Page</title>
    <style type="text/css">
    #container {
        width: 960px;
        margin: 0 auto;
    }
    #nav {
        height: 33px;
        background-color: #cfcfcf;
    }
    </style>
</head>
<body>
<div id="nav">
    <div id="container">
        test
    </div>
</div>
</body>
</html>

Thanks in advance!

Edit: Oops. Had an extra in there, though that wasn’t the issue.

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    I added

    body {
    min-width:960px;
}

    which seemed to fix the problem.

    • 0