Textarea style not applied on first load

[ShaggyMoose]

I have a textarea that is styled by the following.

textarea
{
width: 100%;
line-height: 13pt;
font-family: Arial, Verdana, Helvetica;
text-align: left;
overflow: auto;
}

When I first load the page containing this element, it is unstyled
(default appearance). However, the styling of all the other elements
are fine (same stylesheet). When I refresh the page, the style is
applied as expected! Any ideas?

[Rik Wasmus]

On Thu, 22 Nov 2007 22:29:02 +0100, ShaggyMoose <sh*********@gmail.com>
wrote:

I have a textarea that is styled by the following.

textarea
{
width: 100%;
line-height: 13pt;
font-family: Arial, Verdana, Helvetica;
text-align: left;
overflow: auto;
}

When I first load the page containing this element, it is unstyled
(default appearance). However, the styling of all the other elements
are fine (same stylesheet). When I refresh the page, the style is
applied as expected! Any ideas?

URL? I'd like to see this in practise...
--
Rik Wasmus

[ShaggyMoose]

On Nov 22, 7:57 pm, "Rik Wasmus" <[e-mail]:

On Thu, 22 Nov 2007 22:29:02 +0100, ShaggyMoose <[e-mail]>
wrote:

I have a textarea that is styled by the following.

textarea
{
width: 100%;
line-height: 13pt;
font-family: Arial, Verdana, Helvetica;
text-align: left;
overflow: auto;
}

When I first load the page containing this element, it is unstyled
(default appearance). However, the styling of all the other elements
are fine (same stylesheet). When I refresh the page, the style is
applied as expected! Any ideas?

URL? I'd like to see this in practise...
--
Rik Wasmus

Unfortunately, its an internal website that I can't host externally.
As a workaround, I am re-applying the style in Javascript onload. Not
pretty, but it works.

[Rik Wasmus]

On Fri, 23 Nov 2007 13:26:04 +0100, ShaggyMoose <sh*********@gmail.com>
wrote:

On Nov 22, 7:57 pm, "Rik Wasmus" <[e-mail]:

>On Thu, 22 Nov 2007 22:29:02 +0100, ShaggyMoose <[e-mail]>
wrote:

I have a textarea that is styled by the following.

textarea
{
width: 100%;
line-height: 13pt;
font-family: Arial, Verdana, Helvetica;
text-align: left;
overflow: auto;
}

When I first load the page containing this element, it is unstyled
(default appearance). However, the styling of all the other elements
are fine (same stylesheet). When I refresh the page, the style is
applied as expected! Any ideas?

URL? I'd like to see this in practise...

Unfortunately, its an internal website that I can't host externally.

I find it hard to believe you cannot save the source (possibly trim it
down/remove sensitive content) plus possible css & images, and put it on
one of the thousands of free servers out there.
--
Rik Wasmus