Forum Moderators: open

Message Too Old, No Replies

simple table layout with height="100%" messed by images

table height is more than 100% when two images are used in the same line

         

mandreiana

11:08 am on Apr 23, 2003 (gmt 0)

10+ Year Member



Hello!

I have a page using table layout with table height=100% and two rows witn 1 cell each. First <td> has height 100%. I need this because I want a footer at the bottom even when the page contents aren't using all space. ( any other way to do it so it works version 4 browsers too?)

In the first <td> I have another table. The first row has 2 images one near the other ( either each in one td or both in a td with nowrap ). These images makes the page scroll even when no contents at all. If I remove one of the images then everything is ok. I tried specifying the height of the images, height of <td> in pixels, no luck.

How can I still keep the images ( without making one image from both ) and have the footer work corectly?

Thank you!

mandreiana

11:11 am on Apr 23, 2003 (gmt 0)

10+ Year Member



The page has a small horizontal scroll. If I remove an image or text from the top, so there's no horizontal scroll anymore, the footer is ok too.

The table is with both width and height = 100%. Seems that a larger width also causes a larger height.

tedster

11:22 am on Apr 23, 2003 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



Have you tried <image style="display:block;margin:0;">