On Wednesday, February 9, 2011, 5:46:28 PM, "G.Sørtun" wrote: > Maybe this will do... > <http://www.gunlaug.no/tos/alien/pb/Map%20Test.htm> ---
My initial reaction was, "Wow! Many thanks for that!" It seems so simple yet seems to work in FF, IE, Chrome, and Opera. Yet when I tried something similar the images in the right-hand column were all over the place! According to a few references I found on the 'net, it shouldn't work because tables and cells have static positioning and position:absolute positions relative to the first non-static parent element with <html> being the containing block if no non-static parent element exists. Thus I would have thought that "position:absolute; top:35px;" would have positioned relative to the top of the page rather than relative to the top of the cell. Then I realized that you hadn't specified a left/right position and so carried out a quick test. Keeping your code pretty much otherwise intact, I added a heading. This had the effect of pushing the table down the page leaving the plus and minus controls where they were. You can see the result of this on my site at http://www.gjctech.co.uk/test/maptest.html FWIW, I've come up with a 'sort of' solution that I've just uploaded over my original page (http://www.gjctech.co.uk/test/test.php) . That said, I'm not too happy with my effort as the only reason I can get it working is that the page is generated programmatically and the height of the map tiles and top and bottom table rows are known or can be calculated. That lets me specify a vertical offset for the arrow that positions it in the middle of the cell. However, this approach would not work if the mapping were replaced by content (e.g. text) that might change height as the browser width changed. So I'm still looking for something more elegant! Thanks again, -- 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/
