Z Index issue

[ladar34717706]

Hi, my name is Lada

Having some Z index issues, and trying to rectify them. Tried a few different ways, all unsuccessful.

What I am trying to do:

Trying to make a z index area smaller with a scrollbar.

Why?

When my z indexed area appears, the contents go beyond the area I wish to have them stay in. Basically going to the end of the page.

I would like the z indexed area to be confined, and in this confined area, have a scroll bar for any additional contents that go passed the confined area.

Visit: www.discgolfbuddy.ca

In the club name area, enter Nicks disc golf club

The z index area appears. As you can see, it goes to end of page. I would like the z index to stop at spot 5, and have a scrollbar to scroll through 6-100.

If anyone has a moment to see if they can help me out. I would be very appreciative.

[Nancy OShea]

Sorry, all I get is "nothing found yet" in the results bar.  See screenshot.

[ladar34717706]

Nancy, thank you for the quick reply.

Try nick's disc golf club   <-----could be because I missed the hyphen last message.

I apologize for my mistake.

Hope it helps.

Lada

[Nancy OShea · Accepted solution]

I think it works much better if you remove the height and do not add an extra scrollbar with overflow:auto .   Extra scrollbars are not user-friendly on mobile devices.   Bootstrap is a mobile first framework.

div.container {

    background-image: url(images/newindexbg.jpg);

   height: 300px;

    background-size: cover;

    background-repeat: no-repeat;

    margin-left: auto;

    margin-right: auto;

    display: block;

    width: 600px;

    max-width: 300px;

}

[ladar34717706]

Thank you Nancy.

I removed what you stated and see that it basically is part of the page now which is fine. I do require it to be mobile friendly so again thank you for that little tidbit of information. It's been 10 years since I designed anything, and lots has changed. I admit, Dreamweaver has always been good for my needs, and this is the first time I've had to ask for help. I was expecting days of waiting, but no, you solved my problem in less then an hour.

I thank you and wish you a happy day. You made mine happy.

Cheers Lada