On Wednesday, February 9, 2011, 7:02:39 PM, Tim Climis wrote: > Georg's solution relied on the table being at the top of the page. To > fix it, add a "position:relative" rule to the table. Then his > solution should work beautifully. ---
Thanks. I tried adding "style='position:relative;'" to the opening table tag with no discernible effect. To ensure that the absolutely positioned images were still being rendered relative to the top of the page, I added a further two lines to the heading, which moved the table further down and left those images in exactly the same place on the page when viewed in Firefox 3.6. You can see the resulting page at http://www.gjctech.co.uk/test/maptest2.html On Wednesday, February 9, 2011, 8:07:14 PM, Paul Burney wrote: > That would work in most browsers, but not Firefox*. If you enclose > your table in a div with a "position: relative" rule, you should be > all set. Hope it helps. Indeed it does. 'Wrapping' the table in a DIV with relative positioning makes all the difference and George's solution seems to work when modified this way. I've tested it in FF 3.6, IE 8, Opera 11, and Chrome 9 under Windows and in FF 3.6, Konqueror 3.5 and Chrome 9 under Linux and it renders correctly with them all. You can see the results at http://www.gjtech.co.uk/test/maptest3.html More than having a complete solution, I've learned a work-around for the fact that some browsers position tables and their included elements statically no matter how you try to style them, which is to wrap the required element in a DIV with relative positioning. Many thanks to all who contributed. -- Geoff ______________________________________________________________________ css-discuss [css-d@lists.css-discuss.org] 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/
