|
|
Posted by Roy A. on 02/13/07 03:32
On 12 Feb, 16:38, leodippol...@gmail.com wrote:
> I have this code:
>
> <snip>
>
> It works fine in Firefox (I have a table with the maximum screen
> height and no scrollbars).
>
> In IE7 I get a vertical scrollbar and the table looks larger (in
> height) than it should be.
>
> I don't understand.... What am I doing wrong?
"CSS2 does not define what percentage values of 'height' refer to when
specified for table cells."
http://www.w3.org/TR/REC-CSS2/tables.html#height-layout
> How can I have the same Firefox appearence in IE7?
You can't have the Firefox experience in IE7, so I don't know what
you're trying to archive. If you insist on using tables, you could try
something like this:
<head>
<title>Let it flow</title>
<style type="text/css">
html, body {
margin: 0; padding: 0; border: 0;
height: 100%; width: 100%
}
.main { background-color: #FF9999; height: 100%; width: 100% }
.header { height: 60px; background-color: #ffff99 }
.contents { background-color: #FF9999 }
.footer { height: 60px; background-color: #6699ff }
</style>
</head>
....
<body>
<table class="main" cellpadding="0" cellspacing="0">
<tr>
<td style="vertical-align: top">
<div class="header">header</div>
<div class="contents">contents</div>
</td>
</tr>
<tr>
<td style="vertical-align: bottom">
<div class="footer">footer</div>
</td>
</tr>
</table>
</body>
Navigation:
[Reply to this message]
|