Firefox issue

timeout08 · September 29th, 2008, 09:43 AM

Hello...

I am fairly new to website design, i am currently using dreamweaver to put my websites together.

in the following example, i have 2 rows in dreamweaver both with images in - when exported to IE7 it looks perfect :D but it looks broken up when exported to firefox :(.

I have included the html below for people to have a look at. When i try to validate the html below, it says there are no errors or warnings found.

</head>

<body>
<table width="800" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td><p><img src="images/nawc_image_03.png" width="883" height="232" /></p>
    </td>
  </tr>
  <tr>
    <td><img src="images/nawc_image_05.png" width="883" height="16" /></td>
  </tr>
</table>
</body>
</html>

if anyone can offer their help i would be very grateful,

thanks

Imar · September 29th, 2008, 01:55 PM

Can you define broken? Can we test this out on-line somewhere?

And what do you mean with "when exported to IE7 "? How do you view this page in the browser?

Imar

---------------------------------------
Imar Spaanjaars
http://Imar.Spaanjaars.Com
Everyone is unique, except for me.
Author of Beginning ASP.NET 3.5 : in C# and VB, ASP.NET 2.0 Instant Results and Dreamweaver MX 2004
Want to be my colleague? Then check out this post.

Old Pedant · September 29th, 2008, 02:55 PM

Okay, for one thing, you have a <p> and </p> tag in there. Those tags are *supposed* to produce a break between their content and other content. So one could argue that FireFox is doing it right and MSIE is wrong.

Also, you have whitespace between the </p> and the </td> and the browser is free to interpret that as space that SHOWS on the screen.

On top of that, you have
   <table width="800" ...>
and yet you have
   <img ... width="883" ...>

How can you expect to put something into a table when the something is wider than the table??

I dunno if any of these are the cause of your problem, but I'd sure start by changing them.

<body>
<table border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td><img src="images/nawc_image_03.png" width="883" height="232" /></td>
  </tr>
  <tr>
    <td><img src="images/nawc_image_05.png" width="883" height="16" /></td>
  </tr>
</table>
</body>
</html>