@newmoon :confounded: sorry i am a little confused regarding your explanation. They seem to be two conflicting statements. You said No way to have it stick to the bottom right of the page
after a specific element becomes visible . And then you said that It can stick inside that element though,
once it becomes visible and we scroll past. Do you mean once that element becomes visible, then this div can stick inside that element? because what your second statement implies is sort of something I am after. That may be I can put my sticky div inside another div(lets call the outer div 'outer-one'). The outer-one can be somewhere well down the page when the page loads. Now when I scroll down and reach the outer-one, the sticky div inside the outer-one becomes visible.
Obviously I am wrong somewhere because its not working when I try this, which leads to make me think that sticky perhaps only works from top of the page. i.e., when the page loads, we can have an element as sticky in the viewport in the initial view. This element would stick to its offsets for the rest of the time we are in that container. If there is another sticky with the same offsets in the next container then that would replace the previous sticky element.
To sum this issue up, in my findings so far, there is no way using HTML and CSS only that we could position an element somewhere down the page and not visible yet but upon scrolling down and away from the top of the page that element becomes visible and stuck to a certain point in the page. (sorry for writing a long winded detail, just want to clear things)
Hey guys, I have a problem:
I need to make the rest of a site's pages look like this: http://jakewakefieldtarot.com/blog/
So, I've been fiddling around with this stupid navbar all night, trying to evenly space the td elements within a table: https://codepen.io/ki4jgt/pen/vaowRG
I tried table-layout: fixed; but it's not working. All the td elements are left-aligned. What am I doing wrong?