From: DL on
Hello,

What I intend to do is to give a textarea 60% of a browser window's
height and width respectively.

Here's how my current page look like in a nutshell.
At top, the CSS section has the following line:
body { height:100%; widht:100%}
/* purpose: to prepare for the relative width and height
call from the textarea element
*/

In the middle of the page, it includes a subpage which contains the
Textarea element
and here's how the textarea element look like:
<textarea id="txt" name="txt" style="height:60%;width:60%"></textarea>
// this subpage needs to be a separate entity.

But the above specified width and height for the Textarea is not
recognized.

Also, the current page (main page) used quite a few CSS scripts for a
third party tool, that is, extJS...

What's wrong? How do we solve it?

Thanks in advance.

From: Dr_Kral on
On Sat, 29 May 2010 15:36:49 -0700 (PDT), DL <tatata9999(a)gmail.com> wrote
in <127b500a-be4e-4fce-8053-640f36106b51(a)v29g2000prb.googlegroups.com>:

>Hello,
>
>What I intend to do is to give a textarea 60% of a browser window's
>height and width respectively.
>
>Here's how my current page look like in a nutshell.
>At top, the CSS section has the following line:
>body { height:100%; widht:100%}
spelling?
>/* purpose: to prepare for the relative width and height
>call from the textarea element
>*/
>
>In the middle of the page, it includes a subpage which contains the
>Textarea element
>and here's how the textarea element look like:
><textarea id="txt" name="txt" style="height:60%;width:60%"></textarea>
What is the 60% of ??

>// this subpage needs to be a separate entity.
>
>But the above specified width and height for the Textarea is not
>recognized.
width spec works

>Also, the current page (main page) used quite a few CSS scripts for a
>third party tool, that is, extJS...
>
>What's wrong? How do we solve it?
Define it rationally (in em or px) or relative to screen size or use
rows/cols spec.
>
>Thanks in advance.
YW
From: badl on
On Sat, 29 May 2010 15:36:49 -0700 (PDT), DL <tatata9999(a)gmail.com> wrote
in <127b500a-be4e-4fce-8053-640f36106b51(a)v29g2000prb.googlegroups.com>:

>Hello,
>
>What I intend to do is to give a textarea 60% of a browser window's
>height and width respectively.
>
>Here's how my current page look like in a nutshell.
>At top, the CSS section has the following line:
>body { height:100%; widht:100%}
spelling?
>/* purpose: to prepare for the relative width and height
>call from the textarea element
>*/
>
>In the middle of the page, it includes a subpage which contains the
>Textarea element
>and here's how the textarea element look like:
><textarea id="txt" name="txt" style="height:60%;width:60%"></textarea>
What is the 60% of ??

>// this subpage needs to be a separate entity.
>
>But the above specified width and height for the Textarea is not
>recognized.
width spec works

>Also, the current page (main page) used quite a few CSS scripts for a
>third party tool, that is, extJS...
>
>What's wrong? How do we solve it?
Define it rationally (in em or px) or relative to screen size or use
rows/cols spec.
>
>Thanks in advance.
YW
From: DL on
On May 29, 8:29 pm, Dr_K...(a)nyc.rr.com.invalid wrote:
> On Sat, 29 May 2010 15:36:49 -0700 (PDT), DL <tatata9...(a)gmail.com> wrote
> in <127b500a-be4e-4fce-8053-640f36106...(a)v29g2000prb.googlegroups.com>:
>
>
>
> >Hello,
>
> >What I intend to do is to give a textarea 60% of a browser window's
> >height and width respectively.
>
> >Here's how my current page look like in a nutshell.
> >At top, the CSS section has the following line:
> >body { height:100%; widht:100%}
> spelling?
> >/* purpose: to prepare for the relative width and height
> >call from the textarea element
> >*/
>
> >In the middle of the page, it includes a subpage which contains the
> >Textarea element
> >and here's how the textarea element look like:
> ><textarea id="txt" name="txt" style="height:60%;width:60%"></textarea>
>
> What is the 60% of ??
>
> >// this subpage needs to be a separate entity.
>
> >But the above specified width and height for the Textarea is not
> >recognized.
>
> width spec works
>
> >Also, the current page (main page) used quite a few CSS scripts for a
> >third party tool, that is, extJS...
>
> >What's wrong?  How do we solve it?
>
> Define it rationally (in em or px)  or relative to screen size or use
> rows/cols spec.
>
> >Thanks in advance.
>
> YW

"
or relative to screen size
"
How do we do that within the context I mentioned?

Thanks.
From: DL on
On May 29, 9:53 pm, DL <tatata9...(a)gmail.com> wrote:
> On May 29, 8:29 pm, Dr_K...(a)nyc.rr.com.invalid wrote:
>
>
>
> > On Sat, 29 May 2010 15:36:49 -0700 (PDT), DL <tatata9...(a)gmail.com> wrote
> > in <127b500a-be4e-4fce-8053-640f36106...(a)v29g2000prb.googlegroups.com>:
>
> > >Hello,
>
> > >What I intend to do is to give a textarea 60% of a browser window's
> > >height and width respectively.
>
> > >Here's how my current page look like in a nutshell.
> > >At top, the CSS section has the following line:
> > >body { height:100%; widht:100%}
> > spelling?
> > >/* purpose: to prepare for the relative width and height
> > >call from the textarea element
> > >*/
>
> > >In the middle of the page, it includes a subpage which contains the
> > >Textarea element
> > >and here's how the textarea element look like:
> > ><textarea id="txt" name="txt" style="height:60%;width:60%"></textarea>
>
> > What is the 60% of ??
>
> > >// this subpage needs to be a separate entity.
>
> > >But the above specified width and height for the Textarea is not
> > >recognized.
>
> > width spec works
>
> > >Also, the current page (main page) used quite a few CSS scripts for a
> > >third party tool, that is, extJS...
>
> > >What's wrong?  How do we solve it?
>
> > Define it rationally (in em or px)  or relative to screen size or use
> > rows/cols spec.
>
> > >Thanks in advance.
>
> > YW
>
> "
>  or relative to screen size
> "
> How do we do that within the context I mentioned?
>
> Thanks.

Never mind. I've solved the problem.