Rounding error example

This example from positioniseverything.net shows perfectly when you should not use percentages specifying width and height. If you look at that page, and resize your window missing pixels will appear. The theory behind this is simpel.

When you have 101 pixels and devide that in four even blocks (25%) all of those will then be 25 pixels in width. As 25 *4 = 100 there must be an extra pixel somewhere. Browsers don’t decide where they will leave this one pixel, but leave it blank instead. So if you use percentages, make sure you add one with the size *. This then fills up the extra pixel.

This is a cross browser bug. So you can’t just blame Internet Exploder for this one.

Related posts

This entry was posted on Wednesday, January 11th, 2006 at 11:41 by Sonja Duijvesteijn and is filed under Webdevelopment. You can follow any responses to this entry through the RSS 2.0 feed. You can skip to the end and leave a response. Pinging is currently not allowed.