|
Posted by mbstevens on 08/09/05 20:09
Andrey Tarasevich wrote:
> mbstevens wrote:
>
>> The problem is that IE
>>
>>>6 is ignoring the 'height' specification for the first and the last rows' cells.
>>>Every row in IE appears take exactly 1/3 of the table's height.
>>
>><html style="width: 100%; height: 100%">
>> <body style="width: 98%; height: 98%">
>> <table style="width: 100%; height: 100%">
>> <tr><td style="height: 20px; border: 1px solid
>>black"><p>1</p></td></tr>
>> <tr><td><p>2</p></td></tr>
>> <tr><td style="height: 20px; border: 1px solid
>>black"><p>3</p></td></tr>
>> </table>
>> </body>
>></html>
>>
>>...seems to work fine on ie6 for me. Of course, you get left with a
>>border of a few pixels.
>
>
> Yes, but unfortunately it stops working once you switch IE6 to "standard" mode
> by adding that '!DOCTYPE' line from my original example. I would drop that line
> without any doubt, but then IE6 will start acting weirdly with respect to
> element widths...
And, you really should have that doctype. So the solution that appears
to me is to not try to do the thing with a three cell table. There are
any number of good templates on the net that have a header and footer
with resizable stuff in the middle. I can point you to some if you're
interested.
[Back to original message]
|