[css] position:fixed done cross-browser

Posted By: brian.shapiro | Oct 10th, 2009 @ 7:46 PM
page 1 of 1
Comments: 1 | Views: 874
#Oct 10th, 2009 @ 7:46 PM
brian.shapiro
brian.shapiro
things go on as always

I'm working on a page where I want the fixed positioning of an element to be relative to the element that contains it, so where I'm not specifying the top, left, bottom, or right. The reason I want to do this is because the containing element is a set area where the overflow is hidden, and I need this element to violate the overflow:hidden rule and float on top of everything. 

 

The problem I'm running into is that on some browsers (Firefox, IE6, Opera) the fixed element is positioned exactly where the element would begin if it were not fixed, and on other browsers (Chrome, Safari, IE8), the fixed element seems to be given a margin on the top (but not on the left).

 

I've tried different things to get it so its positioned the same on every browser, but I'm finding I'm not able to do it. Does anybody know about the issue I'm running into, and what I should be looking at?

#Oct 10th, 2009 @ 7:59 PM
brian.shapiro
brian.shapiro
things go on as always

I discovered it has to do with the top position of one of the containing elements up the hierarchy. I changed it to a margin.

page 1 of 1
Comments: 1 | Views: 874
Microsoft Communities