HTML help

[Peacedog]

Code: Select all

<table height="350" width="100%">
  <tr>
    <td>
      Big picture
      slide show bar
    </td>
    <td>
      picture1
      picture2
    </td>
    <td>
      page content in a scrollable div
    </td>
   </tr>
</table>

That's my page layout. The slide show bar is below the big picture. Picture 2 is below picture 1. The "page content" is text and stuff.

Now, the page structure is more complicated than this, alas. But this is the "meat" of the page (not the menus or anything). So the rest of the page might be causing my problem.

In IE (6.something), there is a thin line between big pic/slide show & pic1/pic2. A couple of pixels. Maybe 2. I don't know where it is coming from.

In Firefox 1.0 they sit flush, one on top of the other.

There only relevant style elements at work (near as I can tell): height and width (there is no spacing/padding). The height matches the height of the item this table resides in. It was 100% but we've been trying a number of things. The table is also as wide as what it sits in.

Does anyone know why this would be (outside of "IE Sux" I mean )?

[Peacedog]

I should add: the side show is in a div.

Putting big picture in a div, and then pic 1 & pic 2 in divs, caused the line go away in IE. Weird.

[Meghan]

Late to the party and it sounds like you solved it but I'm guessing that it's something to do with the <img> attributes and how IE handles them if you haven't specified this or that.

Of course, I'm really posting to say that avatar should come with a warning label for sensitive viewers. What movie is that?