This is a little site we’re working on. I felt in the mood for a transparent box for the various society logos, fixed at the bottom of the browser window.
I drew an HTML layered box at the bottom of the page, set the bottom offset to 0px in the Inspector, and added a graphic background colour set to 20% black fill. So far, so good.
The problem is the box sticks at the bottom of the window if you resize the browser, but if you enlarge the type so a scrollbar appears, it then moves up the window with the scroll. I’ve missed something obvious, haven’t I?
This is a little site we’re working on. I felt in the mood for a
transparent box for the various society logos, fixed at the bottom
of the browser window.
I drew an HTML layered box at the bottom of the page, set the
bottom offset to 0px in the Inspector, and added a graphic
background colour set to 20% black fill. So far, so good.
The problem is the box sticks at the bottom of the window if you
resize the browser, but if you enlarge the type so a scrollbar
appears, it then moves up the window with the scroll. I’ve missed
something obvious, haven’t I?
The problem is the box sticks at the bottom of the window if you
resize the browser, but if you enlarge the type so a scrollbar
appears, it then moves up the window with the scroll. I’ve missed
something obvious, haven’t I?
Heather, what browser are you talking about — Internet Explorer? It
works just as I imagine you want it to work in Safari and Firefox.
That is, the box sticks to the bottom. If you enlarge the text,
scrollbars appear, as you’d expect, but the box still sticks to the
bottom when you scroll.