Gaps Between DIVs: Fixing a Strict XHTML Quirk

 

In upgrading the website to from XHTML Transitional to XHTML I came across an irritating aberration in my GUI: In Opera, Firefox and Netscape Navigator, the DIVs were leaving a distance of a few pixels between each other. Naturally, Internet Explorer either doesn't even register there is a problem or it completely ingnores it. This gap wasn't then when it was (valid) XHTML Transitional. After much Googling I found many people with the same problem but no answer.

After a brief tinker I found the solution and I'm pleased to say it's very simple. Just set the line-height for the troublesome DIVs to 0px;.

No comments.