I attached a picture to illustrate what I’m trying to do. Not sure what I am doing wrong but I assumed the main tab menu set to absolute with a higher z index than the container I’m trying to overlap, but the contents get tucked behind div 2 no matter what I do.
-I set the top div to 50vh, the bottom div to 50vh
-I threw the tab element into the top div
-Set the top div to flex, Row: Center, Column Center
-I set the tab width to 900 (or whatever you want)
-I made the tab absolute positioning with top selected.
-Then moved the tab down using margin
It looks spot-on, besides adjusting the margin a bit to bring it further into div 2. The problem I ran into was the content disappearing every time I set the tabs panel to absolute.
I believe you interpreted what I’m trying to do perfectly, but let me take a closer look. If that’s the solution, then you rock!
It worked perfectly. You actually went down the exact same trail I did, but I still had to set a higher z index on the div 1 for it to work. Did you set a z index?
Thanks by the way!
Edit: I’m also unsure why it didn’t work for me the first time I did it.