If this is your first visit, be sure to
check out the FAQ by clicking the
link above. You may have to register
before you can post: click the register link above to proceed. To start viewing messages,
select the forum that you want to visit from the selection below.

Positioning of a sidebar element

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.

Float:right

Hey Blake!

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.