Forum Moderators: open

Message Too Old, No Replies

IE 5 changes my layout

works fine in other browsers

         

buksida

9:27 am on Oct 20, 2004 (gmt 0)

10+ Year Member



Building a search bar function into a website and have uploaded it for testing. Looks perfect in IE 6, Firefox and Mozilla but IE 5 screws with the layout.

It puts a tiny 2px or so gap between two tables where there shouldnt be one and there certainly isnt one in the code.

This may be difficult to answer without seeing the code but I don't think I'm allowed to post it so any ideas what I can do?

henry0

11:29 am on Oct 20, 2004 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



You may post code sections or exerpts that pertain to your quest

regards
<edit>Typo</edit>

[edited by: henry0 at 12:20 pm (utc) on Oct. 20, 2004]

AWildman

12:09 pm on Oct 20, 2004 (gmt 0)

10+ Year Member



Did you remove all paddings and margins from the table in your css?

buksida

7:00 am on Oct 21, 2004 (gmt 0)

10+ Year Member



Yep, all padding removed, heres some of the code with the URL's snipped out:

<td colSpan="2"><IMG id="IMG2" height="31" src="/images/f_images/top-strip2.gif" width="775" useMap="#Map" border="0"></td>
</tr>
</table>
</td>
<td width="5" background="/images/f_images/sha.gif"><IMG height="7" src="/images/f_images/1pix.gif" width="7"></td>
</tr>
</table><!-- heres where the gap is -->
<TABLE id="Table1" cellSpacing="0" cellPadding="0" width="782" border="0">
<TR>
<TD vAlign="top">
<table cellSpacing="0" cellPadding="0" width="775" background="/images/f_images/top-chinese-bg.gif" border="0">
<FORM id="Form2" action="http://www.google.com/search" method="get">

There are two separate tables on top of each other with no gap in any other browser except IE 5.

henry0

11:34 am on Oct 21, 2004 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



Hi
I know this is only an excerpt however
after you ended your first table </table>

You have a <td width="5"

and close a table that did not start or did it start earlier?

Anyway with this kind of design relying heavily on multiple nested tables that kind of gap will occur

Try using less nested tables and simplify the design

Regards

buksida

6:54 am on Oct 22, 2004 (gmt 0)

10+ Year Member



Yeh that table closed earlier.
The gap occurs between two completely separate tables that are on top of each other ... but only in IE 5 which is the strange part.

henry0

11:28 am on Oct 22, 2004 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



I do not rely (often) on separated tables I rather use fully nested tables

try to nest those two separated under the "same roof"