Out of position on firefox

This is very strange. I understand you are experimenting that issue even with the sample curlypage provided with the module with default configuration.

Curlypage position is based on two div layers appended to the body of the document (it is a direct child of the body) positioned absolute or fixed in one of the corners. The css properties involved: position absolute or fixed, right, left, top, bottom, width and height, are crossbrowser compatible and should be correctly positioned in all major browsers.

I'm going to try Vista with that exactly version of firefox but I can't understand which could be the problem.

Thanks.

I have tried firefox 3.6.13 on windows vista 32bits (i cant test 64bit version) and looks correct.

The only way I can reproduce something similar (and it happens to all browsers) is by resizing the browser window so its width is smaller than the 'document' width. In that situation an horizontal scroll bar appears. If you scroll the curlypage scrolls too and a gap appears between the curlypage and the right side of the browser. I attach two images showing the problem. In the first image the curlypage is in its correct position but the window width is too small and horizontal scroll bars are present. On second image the document has been scrolled to the right and the curlypage scrolls too.

I can't do much about this problem with horizontal scrolling as it is the way absolute positioned layers work.

Fixed positioned curlypages will not show this problem as fixed positioned layers stay on its correct position (relative to the viewport) even when you scroll.

If this is not the problem you are experimenting, and maybe it is not because you have even an issue with fixed positioned curlypages, I can only think of a problem on 64bit version of Vista. Could you confirm if you are running Vista 32bits or 64bits? You can see that on Control Panel -> System and Maintenance -> System.

If you use firebug you can inspect CSS of curlypage div layers. If some other CSS rules are modifying curlypage CSS properties, it should appear just there. Curlypage layers are at the end of the body.

I attach an image as an example.

Though I can't see all the CSS inherited from body, it looks correct. I don't think any of the inherited properties from body will be affecting curlypages.

The curlypage layers has flash objects inside. If there is any CSS rule for objects that could affect curlypages either. For example:

object {
  margin: 2px;
}

Maybe this is not your problem at all but I have realized that those kind of inherited CSS could affect curlypages so I'm adding more specific rules to curlypage objects and div layers.

Is your theme bartik without any modification?

You can try 7.x-1.0-rc3 release in which I added the CSS rules to avoid possible inherited CSS properties problems. Specific rules where added for margins, paddings, borders, position, left and top properties, to avoid inherited values.

But I think this is not the case in your situation. If you are using bartik with only color scheme modification there should not be such a problem with inherited CSS.

I have no more ideas now on which could be the problem.

If you find something different, please report it. And if you are able to test in another computer with Vista OS could be interesting too.

Thanks.

I can't reproduce this, but I'm going to maintain this active a little more.

If other users can test curlypages from Vista OS and report their tests, would be helpful.

Thanks.

I found that I have the same situation in FF 3.6.17 and IE8. The issue stems from scaling the browser window. With browsers at 100%, then all is fine, but hit CTRL+ or CTRL- and the Curly page moves left or right from the corner. It does not scale well.

This should be fixed with new releases 6.x-3.6 and 7.x-1.1