scrollable div with border HTML CSS

Question

How can i code a scrollable div ? perfectly with a blue border.

Is there a way to code this?

Like a window in a window -> two scrollbars

score 0 · Accepted Answer · edited Dec 13 '19 at 19:47

0

I don't know the id of your div but mine is box.

Add this to your code:

#box {
    width: 1620px;
    margin-right: auto;
    margin-top: 20px;
    background-color: white;
    box-shadow: #254C58 1px 0px;
    border: #3C7D91 5px double; 
    padding: 10px 10px 10px 10px;
    overflow-y: scroll;
    max-height: 433px;
}

edited Dec 13 '19 at 19:47

Max Roncace

1,277
2
15
40

answered May 10 '16 at 11:34

Shalomi90

736
4
9
33

1

he asked for two scrollbar so just give overflow:scroll – Tanmay May 10 '16 at 11:36
1

@oz2311 Thats perfect thank you!! – May 10 '16 at 11:37
no problem @JSProgrammer11 – Shalomi90 May 10 '16 at 11:47

score 0 · Answer 2 · answered May 10 '16 at 11:37

If you want to scroll horizontally, add overflow-x:scroll to your CSS and when your div expands past its defined width it will become scrollable.

Inversely, overflow-y:scroll should be added to allow vertical scrolling as well under the same circumstances.

scrollable div with border HTML CSS

2 Answers2