BillyRayPreachersSon
Programmer
I'm using the latest Firefox browser (v1.0.1), and am seeing strange behaviour when using ems for border widths.
The problem does not show up in IE or Opera, but does in NN 7 (due to similarities in the rendering engine, no doubt).
Here is a simple test harness. Set your font size to "Normal" (Ctrl-Zero) and run:
As you can see, the code has no whitespace between the DIVs, but a clear break is visible between the last two DIVs.
The presence of this whitespace comes and goes, depending on the text zoom.
Does anyone have any idea how to stop this from happening, but while still keeping relative-sized borders?
Thanks!
Dan
The answers you get are only as good as the information you give!
The problem does not show up in IE or Opera, but does in NN 7 (due to similarities in the rendering engine, no doubt).
Here is a simple test harness. Set your font size to "Normal" (Ctrl-Zero) and run:
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1 Strict//EN" "[URL unfurl="true"]http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">[/URL]
<html xmlns="[URL unfurl="true"]http://www.w3.org/1999/xhtml"[/URL] lang="en" xml:lang="en">
<head>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
<style type="text/css">
div {
border: 0.2em solid #000000;
padding: 10px;
margin: 0px;
}
</style>
</head>
<body>
<div>123</div><div>456</div><div>789</div>
</body>
</html>As you can see, the code has no whitespace between the DIVs, but a clear break is visible between the last two DIVs.
The presence of this whitespace comes and goes, depending on the text zoom.
Does anyone have any idea how to stop this from happening, but while still keeping relative-sized borders?
Thanks!
Dan
The answers you get are only as good as the information you give!
