[thelist] IE 6 css handling mystery

Tue Mar 11 05:16:59 CST 2003

In IE 6 on win2k:

the following html:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.02//EN">
<html>

<style>

html { height: 100%; margin:0px 0px 0px 0px; padding: 0px 0px 0px 0px;
text-align:center; font-family: arial, verdana, sans-serif; }

body { height: 100%; margin:0px 0px 0px 0px; padding: 0px 0px 0px 0px; }

.main_table { height: 100%; width: 100%;  border: none;  background-color:
rgb(70%,80%,80%); vertical-align: top; text-align: left; margin:0px 0px 0px
0px; padding: 0px 0px 0px 0px;}
.main_table_cell { border: 1px solid blue; height: 100%; width: 100%;
vertical-align: top; text-align: left; margin:0px 0px 0px 0px; padding: 0px
0px 0px 0px;}

</style>

<body>	
	<table class="main_table">
		<tr>
			<td class="main_table_cell">
				world
			</td>
		</tr>
	</table>

	</body>

</html>

behaves in a way I don't understand. On Mozilla, the above produces content
(in particular the main_table_cell) that is always precisely the size of the
viewport in the vertical direction and there is no vertical scroller. That's
what I would expect. However, in IE the above produces a main_table_cell that
is always slightly larger than the viewport in the vertical dimension and a
vertical scroller is active.

Why does IE do this? Who is right; Moz or IE?

thanks for any pointers,

joe

--
Open WebMail Project (http://openwebmail.org)