I'm trying to have that scrolling feature so the sidebar is always the live chat/order button. The problem is that different resolutions and/or browser sizes mucks things up.
On my 23" screen with my regular browser width size, it fits into the white sidebar area with no problem... but once I resize the window (or view it on a 1024x768 screen), the scrolling sidebar goes all over the place.
(I haven't fully tested it on IE yet, so I have no idea if there are other issues)
The trouble is that you have position:absolute for that div, and it is going to be a certain distance from the left. That's not what you want because the ideal distance from the left will be different for different screens. Try getting rid of position:absolute on the div that contains the sidebar and replace it with float:right That should float it to the right side of the container that it's in. If that doesn't give you the desired results then you may need to adjust the width of whatever element contains the sidebar.
Last edited by blakeelias; 07-29-2007 at 05:30 PM.
Much appreciate the help! We're almost there... it fits into the sidebar now, but it doesn't scroll like it did... since I removed the position:absolute, it won't allow the div to scroll down the page so that the live chat and order button is always within view (with the current page, below, it stays fixed in the sidebar and doesn't scroll down).
I don't know if this will cancel out the float: right, but position: fixed keeps the element in a specific place and it will not scroll with the page (stays in a specific spot). Bottom: 20px will move the element 20 pixels from the bottom.
Last edited by blakeelias; 07-30-2007 at 07:24 AM.