Sent by Michael Purvis on 27 February 2005 23:11
Hoping some of you gurus might know the fix for this situation:
http://www.uwmike.com/layout/settlers/
In Firefox, it behaves properly, with the game tiles and the 'roads'
both exhibiting the rollover behavior.
How is this achieved? It's two separate structures layered on top of one
another, and positioned absolutely. Both are nested ordered lists, one
list of hexes, one list of road segments. The containing elements for
the entire road structure are all set to 1px height so that the front
grid has holes in it to allow clicks to hit the lower grid.
See the following two examples:
http://www.uwmike.com/layout/settlers/?noroads (no front layer)
http://www.uwmike.com/layout/settlers/?dev (borders a la dev web toolbar)
Viewing the second example in IE, it's clear what the problem is -- the
ordered list shell is being expanded to contain its elements, in spite
of them all being float:left. No only this, but some kind of strange
padding has been introduced.
I'd appreciate other browser checks also. I'm trying to make a case for
a javascript/css client over a Flash one.
Thanks!
Mike Purvis
--
No virus found in this outgoing message.
Checked by AVG Anti-Virus.
Version: 7.0.300 / Virus Database: 266.5.0 - Release Date: 25/02/2005
______________________________________________________________________
css-discuss [EMAIL-REMOVED]]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/