This is a tricky one, so the best thing to do is start by checking out what this is supposed to do in firefox:
<!-- m --><a class="postlink" href="http://www.uwmike.com/layout/settlers/">http://www.uwmike.com/layout/settlers/</a><!-- m -->
There's a position: relative wrapper that's got two ordered lists, one is list of rows of hex tiles, and the other is a list of rows of the hover road pieces. Since I'd like to be able to 'click' the links on the background layer, I've made the front elements, except for the nearest <li>s and <a>s, have a height of 1px.
However, IE persists in expanding the <ol>s, which is particularly strange given that all the list children are floats. It should collapse by very nature.
Here's a second link where I've added some colour guidelines to the stylesheet to help you see the problem more closely: (blue is list-items, red is ordered lists)
<!-- m --><a class="postlink" href="http://uwmike.com/layout/settlers/?dev">http://uwmike.com/layout/settlers/?dev</a><!-- m -->
Viewing this is in IE and the problem makes itself abundantly clear. I could just use css2 selectors to isolate IE and figure out the values that make it tick, but I'd rather figure out what's actually the matter.
Thanks for any input.
--
Ultimately, this will turn into a big XMLHttpRequest-based javascript client to a server game. I'm just trying to make the case for going google-maps style, rather than pushing huge pictures and imagemaps to the client. (or using flash)
EDIT: Arg, just when I post for help, my freaking shared hosting dies. Sorry if the examples don't seem to be loading properly. Please do check back.Anyone got any ideas, or is this one for the mailing lists?I don't know that I can add much but I'd stick with uls and you've got a line-height with no dimensional unit. I don't know about that anchor selector in with the list stuff either.Originally posted by ray326
I don't know that I can add much but I'd stick with uls...
I had already tried that, didn't make a difference.
...and you've got a line-height with no dimensional unit.
Is that not correct? It's allowed to be a ratio...
I don't know about that anchor selector in with the list stuff either.
Yea, it's probably ok. I've got nothing.
<!-- m --><a class="postlink" href="http://www.uwmike.com/layout/settlers/">http://www.uwmike.com/layout/settlers/</a><!-- m -->
There's a position: relative wrapper that's got two ordered lists, one is list of rows of hex tiles, and the other is a list of rows of the hover road pieces. Since I'd like to be able to 'click' the links on the background layer, I've made the front elements, except for the nearest <li>s and <a>s, have a height of 1px.
However, IE persists in expanding the <ol>s, which is particularly strange given that all the list children are floats. It should collapse by very nature.
Here's a second link where I've added some colour guidelines to the stylesheet to help you see the problem more closely: (blue is list-items, red is ordered lists)
<!-- m --><a class="postlink" href="http://uwmike.com/layout/settlers/?dev">http://uwmike.com/layout/settlers/?dev</a><!-- m -->
Viewing this is in IE and the problem makes itself abundantly clear. I could just use css2 selectors to isolate IE and figure out the values that make it tick, but I'd rather figure out what's actually the matter.
Thanks for any input.
--
Ultimately, this will turn into a big XMLHttpRequest-based javascript client to a server game. I'm just trying to make the case for going google-maps style, rather than pushing huge pictures and imagemaps to the client. (or using flash)
EDIT: Arg, just when I post for help, my freaking shared hosting dies. Sorry if the examples don't seem to be loading properly. Please do check back.Anyone got any ideas, or is this one for the mailing lists?I don't know that I can add much but I'd stick with uls and you've got a line-height with no dimensional unit. I don't know about that anchor selector in with the list stuff either.Originally posted by ray326
I don't know that I can add much but I'd stick with uls...
I had already tried that, didn't make a difference.
...and you've got a line-height with no dimensional unit.
Is that not correct? It's allowed to be a ratio...
I don't know about that anchor selector in with the list stuff either.
Yea, it's probably ok. I've got nothing.