hw do you design an immovable box(like what facebook have at the foot of their page that contains chat and notification)such that it behaves like a taskbar and doesn't move when you scroll up and down using css.
What you see here is that instead of using absolute positioning, they use fixed positioning. This will keep it in place regardless of scrolling.
The z-index is used so that it stays above the other content on the page (and any embedded flash that may be on the page).
On facebook they also have another div inside the div that uses the above code that is 100% width and uses a margin to make the gaps on the left and right of the bar.
They prob have a conditional comment or css hack directly in the css as fixed positioning isn't supported in internet explorer. And about the z-index overlapping flash is depending on how the flash itself is displayed.
To the thread starter, just put position: relative; on your body
The Following User Says Thank You to hjalmar For This Useful Post:
The Following 2 Users Say Thank You to Rhinos For This Useful Post: