-
Anchoring an element to one side of the browser window
This question is somewhat related to my last post…How can I have a graphical element, like a logo, anchored to a particular corner of the browser screen. Let’s say my main content is centered at the top and isn’t set to scale with the browser, but I would like a logo to always be in the bottom right corner no matter the screen size.
I saw the tutorial on full screen Flash from a few posts back, but I don’t think I want that because for one reason, the site I’d like to do this with is html, and I also didn’t like how that tutorial didn’t maintain the aspect ratio of the flash file.
One of my clients did this on their website, so here’s an example. It looks like they did it all in Flash. Is there a way to do it without? Click on one of the “styles” at the bottom of the page to see an example of how it moves around with the browser size.
Thanks so much for any input you may have!
-
4 Replies
-
hello…
this is the most robust way:
https://snippets.wikidot.com/code:block-in-fixed-position-in-browser
note that as he says, it won’t work in ie6, but it should work ok in ie7 and higher…
sitruc
-
That’s perfect! Do you just replace [[toc]] with whatever element you want to use? Like a logo that is a hyperlink.
-
yes – just replace it with what you want…
-
Thank you!
Reply to this Discussion! Login or Sign Up