Em and percent length units and text zooming problem in Mozilla.

Fixing a column width can facilitate easier reading. I always thought a good solution would be to set the column width based on the em size of the font it contains, ideally using min-width and max-width css. This is a quick test. I've hit a problem when resizing the font in the browser (tried with ie6 and mozilla).

In ie6 things work as i'd expect, when you choose a different font size (menu > view > text size) the column width and line height reflow accordingly. in mozilla, when you do the same thing (menu > view > text zoom) it doesn't reflow. I usually trust mozilla's implementation over ie's -- but i'm stumped to work out which is correct, i suspect it's to do with initial and computed values but my brain begins to hurt when I delve into the spec to find out.

Update

Found a couple of pages that also discuss the problem.

• bugzilla
• better explanation

Another Update

It's fixed! Checked with mozilla nightly build (Gecko/20020218), it appears to be fixed.

Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.

Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.