bad formatting for node.js API on firefox about help HOT 13 CLOSED

/cc @nodejs/website

from help.

I'm pretty sure this is being maintained over at nodejs/docs by the @nodejs/documentation team, as opposed to the website WG. I could be wrong though.

from help.

The stylesheet in question is at https://github.com/nodejs/node/blob/master/doc/api_assets/style.css

As for this issue, I cannot reproduce in Firefox 42 and 44 on Windows, but it looks like a miscalculation between em and px units. Does this CSS work, @jmarca?

#column1.interior {
    border-left: 234px solid #f2f5f0;
}

from help.

@silverwind yes indeed that works.

And the response times here are astonishing. Great work.

from help.

Thanks, filed nodejs/node#3948 to fix this!

from help.

One thing I noticed playing around is that if I change the body font-size style from 62.5% to 100%, then the formatting of the column 1 is fine at 13em.

(But I only know enough about CSS to annoy designers)

from help.

@jmarca did you set a custom default font size in Firefox? (Options - Content - Fonts & Colors - Advanced)? Also, I'd be interested if the bug shows when running in Safe Mode.

from help.

@silverwind I only have a minimum font size of 10 set, otherwise I allow pages to set their own fonts and sizes. Unchecking the minimum font size made no difference.

What is safe mode? Is that a firefox setting?

from help.

@jmarca yes, go to Menu - Help - Restart with Add-ons Disabled. This will start Firefox in Safe Mode, so we can make sure no Extensions/Settings are interfering.

from help.

Thanks. Restarted in safe mode and the same broken layout (main content under left hand menu)

from help.

Yeah it seems on my machine firefox computes the 13em border width to 134px, while chromium translates 13em to 234px. But with the body font size style changed to 100%, then firefox computes 13em as 234px.

I've no idea which browser is doing the right thing here, but chromium thinks the font size of the word "index" at the top of the page is 14.4px, while firefox with the 62.5% body font size style set thinks the word "index" is 9px, but when bfs is set to 100%, it also thinks index is 14.4px font size.

from help.

@jmarca I still don't see this bug in any of my Firefox installations. Could you give it a try using a fresh Firefox profile (backing up your old one of course)?

from help.

As I noted in the other thread. Not a bug, my bad. A fresh firefox profile makes the layout issue go away. Accumulated cruft somewhere along the line I guess.

from help.