reduce widths of left and right CSS panels, and increase middle panel 100%

[jasonc]

how do i reduce the widths of a CSS left and right side panel to zero when needed.

 

i have a form that is submitted and the 'thank you' page is wider than the main middle area so wish to have a javascript that can remove the left and right area. and have the main panel increased to fit the page 100%

 

i have a

 

header

left and right with a center main area that has the form

and a footer

 

when the form is submitted and it is ok then i wish for the thank you page to reduce the side areas as the form may not be completed correctly so would show the form again to have it checked over again before resubmitting.

 

my panels are named beleive it or not

 

left, right, main, footer in the id tags

 

the left panel is around 15% as is the right the main is the remainder, when the form is in view

 

can anyone give me some ideas on how i do this.

[RussellReal]

document.getElementById('left').style.width = '0px';

document.getElementById('right').style.width = '0px';