Previous Message
Next Message

Layout based in em's: different widths FF/IE

Sent by Felix Miata on 14 June 2006 13:01


On 06/06/14 04:42 (GMT-0400) Bernat Lleonart apparently typed:

> On 6/14/06, Alastair Campbell [EMAIL-REMOVED]> wrote:

>> Bernat Lleonart wrote:

>> > I am creating a layout based in em's.... the box
>> > is 100px wide in FF, but it is 99px wide in IE.

>> Only 1px difference? I'd expect that much from using percentages to do
>> the page width! That could easily be rounding error.

> I have found that, as you said, it might be a rounding error, the
> problem comes from the text-size declaration in the body. I have tried
> setting it to 100%, and then, in order to have a 100px wide box, I do
> this:

> body {
> 				font-size: 100%;
> 			}
> #box {
> 				font-size: 1em;
> 				width: 6.25em; /* 100/16 */
> 				background: gray;
> 			}
 			
> That works correctly in both browsers.

Nick Fitzsimons explained why less than a month ago:
http://lists.css-discuss.org/mailman/private/css-d/2006-May/064598.html

No doubt Rutter was unaware of the issue when he wrote his infamous blog
article http://www.clagnut.com/blog/348/ .
-- 
"All have sinned & fall short of the glory of God." Romans 3:23 NIV

 Team OS/2 ** Reg. Linux User #211409

Felix Miata  ***  http://mrmazda.no-ip.com/
______________________________________________________________________
css-discuss [EMAIL-REMOVED]]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Previous Message
Next Message

Message thread: