Ok I am trying to have to arrows stay at the ends of the screen one to the left and one to the right. When the image is scrolled over I want to still be able to see both arrows so they need to be floating and follow where ever the screen is but only in a box so it could never be higher then wanted. Is this possible with Javascript and CSS? If so where should I start looking? I did try and search google FOREVER!
I think you’re looking for the “position: fixed;” style in css, which, of course, does not work in IE<7. There is a hack to get it working, but I don’t fully understand it as I’m not a CSS expert. Try this:
You can also use Javascript, but I have to admit that it looks a lot better when you can get it working in CSS. The javascript method tends to be “jumpy.”
Thank you, I think I figured it out!
position: fixed is definitely the best solution. Just accept that it won’t work on IE 6- and get on with working on bigger and better things. If you really want to annoy people, redirect them to the Firefox download page if they go to your site with IE 6.
Ha! That’s ballsy… but I like it…
