Forum Moderators: open
I am using layers and they work fine except on IE 5 for the Mac. The layers simply dont show up. Strangley, the content is rendered to the page but it is "invisible". Only on doing a mouse over do u realise that there are "invisible" links as the mouse pointer changes.
<div id="lone" style="position:relative; width:282px; height:110px; z-index:1; left: 1px; top: 1px; overflow: hidden;">
<table width="265" border="0" align="left" cellpadding="0" cellspacing="0">
</table>
</div>
Any clues?
Thanks in advance
Sometimes the combination of divs AND table cells generates a problem. You might play around with identical but redundant style rules (p tags, plus td, plus div, etc) - I've been able to wake up the sleeping browser that way once in a while.
And you didn't mention, but I assume you've run a validator to catch any table errors, right?
cant please them all i suppose
Yes, trade-offs are the name of the game, and cross browser support often forces design change because we are still years from browser sanity.
I've had designs where IE 5 caused content in one div to vanish when a link was hovered in another div. The toss-up came down to ignore the problem, re-design the whole thing, or use an ugly hack -- and the ugly hack won, with gratitude that I even stumbled into it.
the whole website shifts down by about 15px
Have you experimented with the z-index? Sometimes that works wonders with an absolute position.
All the same I cant wait for the day when the term "cross-browser" is thrown out thw window!
Cheers!
Jordan
