Unwanted gap in the table between header and page files

HTML, CSS and anything else that deals with client side capabilities.

Moderator: General Moderators

Post Reply
witney
Forum Newbie
Posts: 1
Joined: Wed Mar 23, 2011 7:05 am

Unwanted gap in the table between header and page files

Post by witney »

Hello,
I am having an issue with an unwanted gap in IE8 when I include my header file in the page file.
The header file contains the javascript, style and the beginning of a table and the page file contains the rest of the table.
While it looks fine in Firefox, the IE8 includes a gap between the header and the page file.
Some of the sites suggest it is due to the file format. I've tried them all - the PC and UNIX format, ANSI, Unicode, UTF-8 with BOM and without BOM
the result is unfortunately the same.

Does anyone have an idea how to resolve it?
I am attaching the two files for review.

Thanks.
Attachments
header_index.zip
(2.64 KiB) Downloaded 137 times
User avatar
McInfo
DevNet Resident
Posts: 1532
Joined: Wed Apr 01, 2009 1:31 pm

Re: Unwanted gap in the table between header and page files

Post by McInfo »

Internet Explorer 8 is not collapsing white space in the table cells. You will have to remove the white space.

From this...

Code: Select all

    <td>
    	<img src="assests/logo.png" alt="logo" width="700" height="230" />
    </td>
...to this.

Code: Select all

    <td><img src="assests/logo.png" alt="logo" width="700" height="230" /></td>
Or this.

Code: Select all

    <td
         ><img src="assests/logo.png" alt="logo" width="700" height="230"
     /></td>
There might be a CSS alternative, but I'll leave that for someone else to investigate.
Post Reply