MegaShopBot Rendering Bug In Firefox (Ubuntu)

bonzer

Hi,

There seems to be a problem in the way MegaShopBot renders search results. The following is a screenshot of how it looks in Firefox 3.5.8 on Ubuntu 9.10.

The green bar showing results from the different comparison sites is off to the right and incorrectly formatted. It consistently does the same every time.



Regards

Bonzer

fermi

First of all, have you tried upgrading to the latest Firefox version? 3.6.2 I think?

The tool/page renders just fine on FF 3.6.2 in Mandriva Linux.

https://help.ubuntu.com/community/FirefoxNewVersion

bonzer

Thanks but no joy.

Firefox 3.5.8 is currently the latest officially supported Canonical supplied version for Ubuntu. However I just tried downloading the 3.6 Mozilla build and installing it manually.

Wonder if it's something to do with fonts? I just have whatever comes with a default Ubuntu 9.10.

fermi

bonzer wrote: »

Wonder if it's something to do with fonts? I just have whatever comes with a default Ubuntu 9.10.

There are some restricted/microsoft fonts packages that you can install I think?

Try those....

bonzer

Still the same alas.

Installed Microsoft core TrueType fonts.

Added the universe repository. Did the following and then restarted.

sudo apt-get install msttcorefonts

It does look like fonts related. Looks like the font's too big in the caveat text and it nudges the "Find-Book" text onto the next line which screws up the green bar positioning.

fermi

Tried it now on a different laptop with ubuntu.

I get this:

fermi

Not as bad as yours, but still not perfect.

I think the reason why my Mandriva Linux system works OK is that I have:

a) 3rd party ms 'webcore-fonts-3.0-1.noarch.rpm' & 'webcore-fonts-vista-3.0-1.noarch.rpm' font packages installed.
b) When I installed Mandriva, I imported all the extra MS fonts that are provided from a real Vista/MS Office install.

So on my mdv system, I clearly have the correct fonts to display OK.

I think the MSE web team need to rethink their font choices if the want most linux users to be able to display it OK.

Former_MSE_Dan

thanks for alerting us to this, I will pass on to the dev team

bonzer

Just to confirm, I've done some further experimenting. I installed the Microsoft fonts as above - I additionally needed to set the browser default font to be [Microsoft] Times New Roman, which is the default on Windows. It then renders correctly. So it looks like a problem with rendering using the default font set on Ubuntu.

Possibly the solution may be to set the height of the box containing the caveat text to be variable, whereas it looks fixed in the CSS. You could probably render the box itself with CSS rather than a PNG to account for variances in the rendering size of the text.

Thanks

Bonzer