HTML Forum

**CrazeDizzleD** · 01-08-2008, 05:36 PM

God, I hate Internet Explorer...

So I'm coding a new template for my site, and I get this big ugly senseless gap in my banner on IE but not in FF. I can't see any possible reason why this is happening, so can someone take a looksy and tell me what I'm doing wrong here?

I'm only going to post the part of the code relevant to the problem:

Code:

<body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" bgcolor="#6f6f6f">
<table border="0" cellspacing="0" cellpadding="0" width="900px" bgcolor="#333131" align="center">
  <tr>
    <td>
      <table border="0" cellspacing="0" cellpadding="0" width="900px">
        <tr>
          <td colspan="7" width="900px" height="190px">
            <a href="index.php"><img src="images/banner_top.gif" width="900px" height="190px" border="0" /></a>
          </td>
        </tr>
        <tr>
          <td>
            <a href="index.php"><img src="images/nav_home.gif" width="125px" height="32px" border="0" /></a>
          </td>
          <td>
            <a href="forums/index.php"><img src="images/nav_forum.gif" width="129px" height="32px" border="0" /></a>
          </td>
          <td>
            <a href="files.php"><img src="images/nav_files.gif" width="105px" height="32px" border="0" /></a>
          </td>
          <td>
            <img src="images/banner_bottom.gif" width="163px" height="32px" />
          </td>
          <td>
            <a href="roster.php"><img src="images/nav_roster.gif" width="120px" height="32px" border="0" /></a>
          </td>
          <td>
            <a href="record.php"><img src="images/nav_record.gif" width="129px" height="32px" border="0" /></a>
          </td>
          <td>
            <a href="join.php"><img src="images/nav_join.gif" width="129px" height="32px" border="0" /></a>
          </td>
        </tr>
        <tr>
          <td colspan="7"><img src="images/nav_spacer.gif" width="900px" height="5px" /></td>
        </tr>
      </table>
    </td>
  </tr>

Now, if you go to my site: www.s4g-clan.com/index.php with Firefox, it's fine. But with IE, it puts two gaps in the banner around the nav buttons.

Hopefully someone can help, thanks.

**chrishirst** · 01-09-2008, 06:34 AM

remove the white space around the image tags by putting the <td><img ...></td> all on one line.

**CrazeDizzleD** · 01-09-2008, 07:14 AM

Thanks for the reply.

I tried what you said and it moved it like 1px, but there's still a big ugly gap there.

Any other ideas?

**chrishirst** · 01-09-2008, 07:36 AM

Assuming you are meaning the gap between the logo and the nav bar

You still have white space around the nav images.

**CrazeDizzleD** · 01-09-2008, 05:58 PM

I put them all right next to the <td> and </td> with no white space, and there is still a gap. I am talking about the logo and the navbar.

It is up and down gap, so why would the placement of whats in the <td></td> tags matter?

**chrishirst** · 01-09-2008, 07:33 PM

http://www.candsdesign.co.uk/demo/wt/s4g/

look at the source.

**CrazeDizzleD** · 01-09-2008, 11:01 PM

What am I looking for, exactly?

All I see is code that is formatted completely different than my source files.

**chrishirst** · 01-10-2008, 03:13 AM

Quote:

All I see is code that is formatted completely different than my source files.

such as the white space removed around the header and nav images you mean?

and no gaps in IE

**CrazeDizzleD** · 01-10-2008, 05:25 AM

Ah, I see. I wasn't sure what that link was.

I got it fixed now, thanks. Weird though, none of the rest of the template is messed up with that formatting, and now it looks ugly. But oh well.

Thanks again.

HTML Forum

Find a Professional HTML Freelancer!

FREE Outsourcing eBook!