Right the usual story really. Netscape won't do what we want it to do !!!!
We have got a container table that has then got two tables nested within them. These nested tables have got background images assigned to them. The page looks fine in ie but in netscape the images are not being displayed correctly. they are only half filling the nested table!!!
unfortunatly i can't give out the url (boss talking not me)
so i have made a couple of screen shots of netscape and ie versions.
the address is:
the basic code for the nested tables is:
<div id="char10" class="char1" style="visibility:hidden;">
<TABLE border="0" cellpadding="0" cellspacing="0" background="images/popup/pop_bg.gif" width="269">
<TR>
<TD rowspan="2"><IMG src="images/popup/pop_10.gif" width="97" height="131" alt=""></TD>
<TD valign="top" class="popuptext">Character Blurb!!!</TD>
<TD align="right" valign="top"><a href="javascript:showLayer('char10')"><IMG src="images/popup/close.gif" width="18" height="21" border="0"></A></TD>
</TR>
<TR>
<TD colspan="2" valign="bottom"><a href="intro.cfm?CharacterID=10"><IMG src="images/popup/go_b.gif" width="172" height="41" border="0"></A></TD>
</TR>
</TABLE>
</DIV>
any ideas?
I have tried:
background-image:none:
This caused the rollovers and practically everything else to fail.
putting the image into a style sheet and referencing is through background-image:URL(images/popup/popup.gif) and nothing happened in ie and it failed in ns
any other suggestions?
We have got a container table that has then got two tables nested within them. These nested tables have got background images assigned to them. The page looks fine in ie but in netscape the images are not being displayed correctly. they are only half filling the nested table!!!
unfortunatly i can't give out the url (boss talking not me)
so i have made a couple of screen shots of netscape and ie versions.
the address is:
the basic code for the nested tables is:
<div id="char10" class="char1" style="visibility:hidden;">
<TABLE border="0" cellpadding="0" cellspacing="0" background="images/popup/pop_bg.gif" width="269">
<TR>
<TD rowspan="2"><IMG src="images/popup/pop_10.gif" width="97" height="131" alt=""></TD>
<TD valign="top" class="popuptext">Character Blurb!!!</TD>
<TD align="right" valign="top"><a href="javascript:showLayer('char10')"><IMG src="images/popup/close.gif" width="18" height="21" border="0"></A></TD>
</TR>
<TR>
<TD colspan="2" valign="bottom"><a href="intro.cfm?CharacterID=10"><IMG src="images/popup/go_b.gif" width="172" height="41" border="0"></A></TD>
</TR>
</TABLE>
</DIV>
any ideas?
I have tried:
background-image:none:
This caused the rollovers and practically everything else to fail.
putting the image into a style sheet and referencing is through background-image:URL(images/popup/popup.gif) and nothing happened in ie and it failed in ns
any other suggestions?