Archived topic
Allow Div Element Outside Container
7 replies · Started by Keith on January 25, 2019
On this page I would like the navigation boxes to be at the edge of the browser window, so outside the container (but I want the rest of the page contents to stay within the container). -
http://joanscheibel.com/wrdprss/the-shadow-series/
I would like this similar to the navigation boxes are positioned here - https://joanscheibel.com/work-ls.shtml
Hi there,
Have you figured this out?
The header/navigation looks basically the same to me.
Let me know :)
It is the gray boxes that have the 1/2, 2/2 etc. They are on the left and right of each photo. Sorry for not being clear in my original message. I see my ambiguity now.
Hi there,
Give this a shot:
.artwork-container .previous {
position: absolute;
left: 0;
}
.artwork-container .next {
position: absolute;
right: 0;
}Let me know :)
You are my hero! I need to spend more time learning CSS better. In the meantime, is there a way to have it so those boxes stay positions in the vertically center as the user scrolls up and down? Because what happens is that on some of the taller artwork the boxes end up outside the browser window when the user scrolls.
For sure! Change it to this:
.artwork-container .previous {
position: fixed;
left: 0;
}
.artwork-container .next {
position: fixed;
right: 0;
}Totally awesome! Worked great - http://joanscheibel.com/wrdprss/the-shadow-series/. Thank you so very much, Tom!
You're very welcome :)
