Z Index issue

Question

Hi, my name is LadaHaving 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.caIn the club name area, enter Nicks disc golf clubThe 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 · Accepted Answer

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;

}

Nancy OShea · Answer

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

Sign up

To post, reply, or follow discussions, please sign in with your Adobe ID.

Sign in to Adobe Community

To post, reply, or follow discussions, please sign in with your Adobe ID.

Scanning file for viruses.

This file cannot be downloaded