CODEWITHSUNDEEP
javascripthtmlcss
Undefined Variable
Undefined Variable

Reputation: 4267

Make div full width of screen, but show page scrollbar

In my site, I have a topBar. I want this to be full screen, but I want the vertical page scrollbar to be shown, like the header for StackOverflow.

My css is:

#topBar
{
    background: black
    color: #fff;
    height: 60px;
    width:100%;
    padding:10px;
    top:0px;
    left:0px;
    position: fixed;
    z-index:1;
}

How can I achieve this?

Upvotes: 0

Views: 40

Answers (1)

Elli Park
Elli Park

Reputation: 101

Did you override the body's initial margin values?

Also, to force show a vertical scroll bar, you can do:

overflow-y: scroll;

Upvotes: 1

Related Questions