Posted by Jukka K. Korpela on 02/12/07 18:03

Scripsit leodippolito@gmail.com:

> I have this code:

Why don't we have your URL?

> <table id="mainTable" cellpadding="0" cellspacing="0"
> style="height: 100%; width: 100%;">
- -
> <tr id="contents" style="height: 100%;">
- -
> In IE7 I get a vertical scrollbar and the table looks larger (in
> height) than it should be.

You have asked for a 100% height for the <tr>, so what should a browser do
when there are other rows as well? How can it make 60px + 100% + 60px equal
100%?

Omitting that height setting does not help, though. It removes the vertical
scrollbar, but the row heights get a bit wild. IE is not very clever with
tables. So use just CSS with <div> elements as Jonathan suggested.

--
Jukka K. Korpela ("Yucca")
http://www.cs.tut.fi/~jkorpela/

[Back to original message]