Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

  • Congratulations gkittelson on being selected by the Tek-Tips community for having the most helpful posts in the forums last week. Way to Go!

Netscape Bakground image

Status
Not open for further replies.

Sarky78

Programmer
Oct 19, 2000
878
GB
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=&quot;char10&quot; class=&quot;char1&quot; style=&quot;visibility:hidden;&quot;>
<TABLE border=&quot;0&quot; cellpadding=&quot;0&quot; cellspacing=&quot;0&quot; background=&quot;images/popup/pop_bg.gif&quot; width=&quot;269&quot;>
<TR>
<TD rowspan=&quot;2&quot;><IMG src=&quot;images/popup/pop_10.gif&quot; width=&quot;97&quot; height=&quot;131&quot; alt=&quot;&quot;></TD>
<TD valign=&quot;top&quot; class=&quot;popuptext&quot;>Character Blurb!!!</TD>
<TD align=&quot;right&quot; valign=&quot;top&quot;><a href=&quot;javascript:showLayer('char10')&quot;><IMG src=&quot;images/popup/close.gif&quot; width=&quot;18&quot; height=&quot;21&quot; border=&quot;0&quot;></A></TD>
</TR>
<TR>
<TD colspan=&quot;2&quot; valign=&quot;bottom&quot;><a href=&quot;intro.cfm?CharacterID=10&quot;><IMG src=&quot;images/popup/go_b.gif&quot; width=&quot;172&quot; height=&quot;41&quot; border=&quot;0&quot;></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?
 
Hi,
I have a hack for you. Nest your table inside another table and put the background image in that td. Put a spacer gif as the background image of your inner table.

ie
<table>
<tr>
<td background=&quot;images/popup/pop_bg.gif&quot;>
<table background=&quot;spacer.gif&quot;..

Cheers,

Tom
 
Status
Not open for further replies.

Part and Inventory Search

Sponsor

Back
Top