🕸Fergus Duniho wrote on Mon, May 7, 2012 02:18 AM UTC:
Using a screenshot of the default preset, I took measurements of individual squares and found them to be 50x54 or 50x55. I then edited the source code to see what could be causing this difference. I removed the images from one rank, and after I did that, the squares in that rank were 50x50. The images and the table cells were both set to a height and width of 50. I looked at the CSS code but found nothing to account for the difference. I tried setting the margin and padding of IMG to 0px, but it didn't help. I removed the header code from the source code, but it didn't help. I removed common.css from the source code, but it didn't make a difference. Removing global.css from the source code didn't help either. Finally, I removed the DOCTYPE, and that made the square sizes 50x50.
Since the DOCTYPE is there so that the menus work right in Internet Explorer, I moved the DOCTYPE within an IE conditional. This fixed the problem in Firefox, but it didn't fix it in Internet Explorer.
The DOCTYPE used was
I had copied this one from another page on this site. I did some research on DOCTYPE options and switched to this DOCTYPE:
This one fixed the problem and still let the menus work right in Internet Explorer.
Using a screenshot of the default preset, I took measurements of individual squares and found them to be 50x54 or 50x55. I then edited the source code to see what could be causing this difference. I removed the images from one rank, and after I did that, the squares in that rank were 50x50. The images and the table cells were both set to a height and width of 50. I looked at the CSS code but found nothing to account for the difference. I tried setting the margin and padding of IMG to 0px, but it didn't help. I removed the header code from the source code, but it didn't help. I removed common.css from the source code, but it didn't make a difference. Removing global.css from the source code didn't help either. Finally, I removed the DOCTYPE, and that made the square sizes 50x50.
Since the DOCTYPE is there so that the menus work right in Internet Explorer, I moved the DOCTYPE within an IE conditional. This fixed the problem in Firefox, but it didn't fix it in Internet Explorer.
The DOCTYPE used was
I had copied this one from another page on this site. I did some research on DOCTYPE options and switched to this DOCTYPE:
This one fixed the problem and still let the menus work right in Internet Explorer.