Links

Lists

Latest Updates

Ruby On Rails List
Python list
Advanced Java
The JavaScript List
Apache Users
Full Disclosure
Linux Security

Search the archives!
Having a development problem? Ask eDevelopment.org forums!

[Date Prev][Date Next][Thread Prev][Thread Next][Date Index][Thread Index]

[Javascript] [JavaScript List] IE6 does not show height 100% textarea

  • From: jdeighan at pcgus.com (John Deighan)
  • Subject: [Javascript] [JavaScript List] IE6 does not show height 100% textarea
  • Date: Sat Oct 21 12:40:36 2006
At 04:38 AM 10/21/2006, Bernu Bernard wrote:
>Hi,
>
>I have a big problem with IE6 with the property? height? :100%
>
>Here is a simple example :
>
><div style="position : absolute ; top : 200px ; 
>left : 200px ; width : 200px ; height : 200px ; background-color : #aaa ; ">
><textarea style="margin : 0 ; height:100% ; width : 100% "></textarea>
></div>
>
>In IE6, only a 2 line textarea is displayed. Other browsers work fine.
>
>The reason I need to use 100% is that I'm resizing often the container div.
>
>Is there a workaround ? I could find the answer in books neither.
>
>Any help would be greatly appreciated.

I think that this might be relevant; I discovered it recently regarding IE6:

IE6 has 2 modes (I think I have these names 
right): Compliance mode and Compatibility mode 
(aka "quirks" mode). In Compliance mode, IE6 is 
more or less (i.e. not very) compliant with the 
standards. In Compatibility mode, it's more 
compatible with older versions of IE. Which mode 
it is using depends on the HTML page it receives. 
If that page has a DOCTYPE declaration before the 
opening <html> tag, it will run in Compliance mode. We use this:

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

just before the opening <html> tag in our web 
pages. There are other variations, but they 
should declare the document to be an HTML 4.0 document.

We've found some "quirks" in Compliance mode. For 
example, if you have a table surrounded by 
<center> tags, the centering will filter into the 
table, and content inside <td> tags will be 
centered! The only way I know to get around that 
is to have a CSS stylesheet with this in it:

table td {
         text-align: left;
         }

That explicitly says that text inside a <td> that 
is part of a table (of course, all <td> elements 
should be part of a table) should have left 
aligned text. Also, in "Compliance mode", if you 
have something like this in a stylesheet:

p {
         font-size: 11;
         }

it will be ignored, though in "Compatibility 
mode", the 11 will be taken as meaning pixels. 
According to the standard, units should always be 
present, unless the value is 0, which I assume you wouldn't use for font-size.

You might try experimenting with some simple 
static HTML pages, including or excluding the DOCTYPE declaration.
-------------- next part --------------
An HTML attachment was scrubbed...
URL: https://lists.LaTech.edu/pipermail/javascript/attachments/20061021/9a70d488/attachment.html