100% width problem

[livenomadic]

I have a 3 cell table layout for my site.

LEFT CENTER RIGHT

The widths of the LEFT and RIGHT cells are controlled through CSS. The CENTER column has no width value.

In the center column I have a textarea.

When I set the textarea's width (via css) to 100% a problem occurs. About 30% of the time (in IE and Firefox) the RIGHT column displays incorrectly, it is either squeeze or (more common) it is pushed outside the the window frame and is only viewable through the horizontal scroll.

One solution I have found is to make the textarea's width fixed (300px).

What appears to me happening is that the browser loads page from left to right.

1) It loads the LEFT column.
2) It loads the CENTER column, and makes the 100% text area fill up 100% of the screen.
3) It loads the RIGHT column but since the text area is already taking up a lot of the screen it places it outside of the screen and adds a horizontal scroll bar.

Does anyone know any fixes to this that allow me to keep my textarea width fluid?

[Nadia P]

Do you have a link to the page..?

nadia

[livenomadic]

hi Nadia,

here is a link to a page with the problem:

http://www.emodo.com/node/36/south-a...ommons-license

[KevinM2k]

Hi... sorry i'm not seeing the problem with this page, have you fixed the error?

Kev

[Nadia P]

Same here, I don't get a horizontal scroll until I resize the window way down small....

Nadia