Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Boa tarde
Galera estou com uma dúvida de como montar esse layout full width da melhor forma, segue o esquema na imagem abaixo:
/applications/core/interface/imageproxy/imageproxy.php?img=http://s3.postimg.org/lwhat0h0j/lay.jpg&key=343240b65ca56015c8e24352be3797530c2673721eb1aafa26c78964f714482e" alt="lay.jpg" />
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 ?
Perfeito
Muito obrigado Cesar Augusto Graeff
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 /