Extra space in IE compared to Firefox

jawa500 · Oct 29, 2005

I am trying to put a spacer between say two tables, a 1px x 1px image and using height of img tag to adjust.

I Firefox it is OK but in IE extra space appears. I have tried setting margins and padding to 0.

See sample code where the extra space can be seen between the elements.

Code:

<html><head>
<style>
img {PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px}
table {PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px}
body {PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px}
</style>

</head>
<body>

<table cellpadding = 0 cellspacing = 0 border = 1><tr><td>dfgfg</td></tr></table>
<img src="1px.jpg" height=1 border = 1>
<table cellpadding = 0 cellspacing = 0 border = 1><tr><td>dfgfg</td></tr></table>

</body></html>

------------------------------------------
the only shopping site you need to bookmark

http://www.mylinks4u.co.uk

Vragabond · Oct 29, 2005

For the love of god, no. Try this:

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
     "[URL unfurl="true"]http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">[/URL]

<html xmlns="[URL unfurl="true"]http://www.w3.org/1999/xhtml">[/URL]
  <head>
    <title>Two tables</title>
    <style type="text/css">
      body { padding: 0; margin: 0; }
      table { padding: 0; margin: 0; margin-bottom: 1px; }
    </style>
  </head>
  <body>
    <table cellpadding="0" cellspacing="0" border="1"><tr><td>dfgfg</td></tr></table>
    <table cellpadding="0" cellspacing="0" border="1"><tr><td>dfgfg</td></tr></table>
  </body>
</html>

KevinADC · Oct 29, 2005

You have to run the closing table tag, the image tag, and the next table into one line to avoid unwanted extra white space:

</table><img src="1px.jpg" height=1><table>
<tr><td>

but Vragabond has posted a better method.

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!

Extra space in IE compared to Firefox

jawa500

Programmer

Vragabond

Programmer

KevinADC

Technical User

Similar threads

Part and Inventory Search

Sponsor