Hi All, I've been bashing my head against a figurative brick wall for a couple of days trying to resolve an issue with a mapping application. With some help from this list, I'd put together a library routine to create a tiled map with zoom and pan controls. However, when I deployed this, horizontal whitespace appeared between the rows of tiles. You can see this at http://gjctech.co.uk/test/demo1.html
Each map tile is in a table cell and the controls on the map border are in cells that span several rows or columns as appropriate. Demo 1 is declared with doctype HTML (i.e. HTML 5). After playing around with various elements of the PHP that produced Demo 1, I went back to the project in which I developed the library and noticed that I'd used HTML 4 Transitional, so I changed the doctype to 4.01 Transitional and you can see the result at http://gjctech.co.uk/test/demo2.html, which renders for me without the gaps. Demo 2 is identical to Demo 1 except for the change of doctype and the change of heading text from "Demo 1" to "Demo 2". The stylesheet in use is http://gjctech.co.uk/test/main.css and I get the horizontal gaps in Demo 1 in FF4, IE8, Opera 11, and Safari 5 (all under Windows XP). I'd prefer to use HTML 5 for this project as I can't use HTML 4 Strict because I need the target attribute of the anchor tag and HTML 4 Transitional has other formatting issues. So any help identifying the cause of these gaps and how to avoid them would be gratefully received. -- Geoff Lane Cornwall, UK ______________________________________________________________________ css-discuss [[email protected]] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
