Remember, IMG is, by default, an inline element. Mozilla treats it as such, and generates an anonymous block box around it as high as one line. The IMG still renders as 1px by 1px, though.
Use CSS to set display: block of your IMG. In article <UlGB7.231958$[EMAIL PROTECTED]>, "vkd" <[EMAIL PROTECTED]> wrote: > I have a problem with fillers. Here is my code: > > <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" > "DTD/xhtml1-transitional.dtd"> > <html xmlns="http://www.w3.org/1999/xhtml"; xml:lang="en" lang="en"> > <head> > <title>StorageReview.com - StorageReview.com</title> > <meta http-equiv="Content-Type" content="text/html;charset=ISO-8859-1" /> > </head> > > <body> > <table border="0" cellpadding="0" cellspacing="0" width="100%"> > <tr> > <td bgcolor="#FFCC99" valign="middle" align="left" height="20" > width="50%"> </td> > <td bgcolor="#FFCC99" valign="middle" align="right" height="20" > width="50%"> </td> > </tr> > <tr><td colspan="2" bgcolor="#1C3354" width="100%" height="1"> > <img src="/images/none.gif" border="0" width="1" height="1" alt="" /> > </td></tr> > </table> > </body> > </html> > > I have the Second <TR> as one line but this is newsgroups, had to wrap. > This code is VALID XHTML. It works in IE. However netscape makes the > none.gif be something like 10 pixels instead of 1. If I use a name of an > image that doesn't exist, that works. But I don't want that because taht > generates an error in the server. What's wrong with what I have here and why > does it generate a thick line instead of one pixel line for the second > row??? > > none.gif is a clear 1x1 transparent gif. > > Andy ideas welcome > >
