layout full width

[Pablo Gates 10]

Boa tarde

 

Galera estou com uma dúvida de como montar esse layout full width da melhor forma, segue o esquema na imagem abaixo:

 

 

Lembrando que ele é FULL WIDTH

 

os blocos que estão com o texto MAX 300px, sempre terão o tamanho máximo de 300px e não iram passar disso, o da esquerda fica em position:absolute left:0; e o da diretira fica em position:absolute right:0;

 

o problema é fazer o que está entre eles em "%" se adaptar normalmente pra sempre preencher a tela com esses espaços.

 

vocês tem alguma solução viável pra fazer isso, o que indicam ?

[Cesar Augusto Graeff 53]

a div grande você coloca o width 100%

as divs da direita e esquerda coloca com o width 300px

e a div do centro da para fazer com a função calc() do CSS3 dai é feito 100% menos as duas divs de 300px que da 600px assim:

width: -webkit-calc(100% - 600px);  /* para Chrome */
width: -moz-calc(100% - 600px);     /* para Firefox */
width: calc(100% - 600px);          /* para suporte nativo */

 

[Pablo Gates 10]

Perfeito

 

Muito obrigado Cesar Augusto Graeff