Footer's Buy XenForo Now section not centered?

[markku]

Wouldn't it look better if the block that has "Pre-sales questions - Buy XenForo now! - Customer area and License validation" was centered?

 

[Chris D]

It should be. This could be a browser issue.

Can you confirm which browser and OS version please?

 

[Mike Edge]

Centered for me with Ubuntu w/Chrome desktop and Win10 w/Chrome lappy.

 

[CyberAP]

It's a FireFox bug:

• https://stackoverflow.com/questions...specified-has-weird-spacing-when-inside-float
• https://bugzilla.mozilla.org/show_bug.cgi?id=1149357

You could also notice that XenForo logo has the same issue up top. It's just hidden from the regular observation until there's something added next to the logo.
No CSS solution I've found so far, so probably a JS hack has to be used to target this bug specifically.

 

[Chris D]

Should be sorted now.

Workaround is to hardcode the image to the 1x width. The footer is an exclusive customisation to this site (as it was with XF1 too) so we can guarantee that will always be 100px so no harm in hard coding it.

 

[CyberAP]

Well this bug will appear on any XF2 forum because header logo image has the same issue. So setting it to 100% width is not the solution that will work for everyone. I wanted to do the same thing first, but quickly remembered that logos in the header and the footer are identical.

 

[Chris D]

I think it would only come up in customised styles and at that point a workaround would need to be implemented to fit the needs of that style. I don't think it's worth us implementing a workaround for something that should basically never happen for a bug that really should just be fixed by the browser.

 

[markku]

Should be sorted now.

Workaround is to hardcode the image to the 1x width. The footer is an exclusive customisation to this site (as it was with XF1 too) so we can guarantee that will always be 100px so no harm in hard coding it.

Still happening for me, albeit less pronounced (so it's closer to the center now after your fix than previously).

After the fix the left edge of the button is about 530 pixels (on my screen) from the left side and the right edge of the button about 500 pixels from the right side (of the corresponding edges of the container)




I can reproduce this on macOS 10.12.6 using Firefox 54.0.1, Chrome 60.0.3112.90 and Safari 10.1.2.