CSS - Duas colunas com fixadas e a coluna do centro "fluid"

[Eberton :D 0]

Galera to quebrando a cabeça aki, alguem dá um help plz D:

 

Exemplo:

--- Left Column 150px --- === Middle Column % ===--- Right Column 150px ---

 

Até ai tudo bem, porém tem um detalhe que está sendo crucial...

Isso é para um sistema ok, no painel de controle dos clientes eles vão poder exibir ou NÃO a bara direita... E é exatamente ai que está ocasionando problema

 

Preciso que quando cliente não desejar a coluna direita o layout se apresente da seguinte forma:

--- Left Column 150px --- ============Middle Column % ============

 

E quando o cliente desejar a coluna direita apresente da seguinte forma:

--- Left Column 150px --- === Middle Column % ===--- Right Column 150px ---

 

 

Missão impossivel? :~

[Mateus Avila Isidoro 8]

Javascript way.

 

Caso 1:

 

Defina os estilos naturalmente.

 

Caso 2:

 

é o caminho que tu irá fazer em javascript. Vamos lá: Quando clicar em "esconder a barra lateral", tu vai fazer duas linhas de códigos bem simples em jquery.

$('#barra_direita').hide(); OU $('#barra_direita').css("display", "none");

e depois

$('#barra_lateral').css("width", "80%");

 

Essa idéia irá resolver o teu problema. Mas tem o arrependimento, caso o cliente queira botar tudo de volta. Dai tu faz o caminho 3:

$('#barra_direita').show(); OU $('#barra_direita').css("display", "block"); OU $('#barra_direita').css("display", "inline");

e depois

$('#barra_lateral').css("width", "50%");

 

Creio que isso deva te ajudar.