Width da div com tamanho variável, não consigo!

[tdelgrande 0]

Olá pessoal!

 

Bom, o problema é o seguinte: estou fazendo um site cujo logo fica dentro de uma barra em cima da página.

 

Então, fiz o seguinte: recortei a barra em três pedaços, o do meio é a imagem com tamanho fixo (382x95) e as laterais são pequenas imagens de 4x95 que eu coloquei como background de duas divs laterais.

 

O problema é que eu não sei como colocar essas divs laterais para preencherem o resto da tela. A div central tem tamanho fixo (width=382), as laterais precisam preencher o resto da tela da melhor forma possível, independente da resolução do usuário.

 

Seguem os códigos:

 

/* CSS Document */

body {
	margin:0;
	margin-left:0;
	margin-right:0;
	margin-top:0;
	margin-bottom:0;
	}
	

#logo_esquerda {
	background-image:url(../imgs/esq.jpg);
	height:95px;
	float:left;
	margin: 0 0 0 0; 
	}
	
#logo {
	float:left;
	width:382px;
	}
	
#logo_direita {
	background-image:url(../imgs/dir.jpg);
	height:95px;
	float:right;
	margin: 0 0 0 0;
	}

<div id="logo_esquerda"></div>
<div id="logo"><img src="imgs/logo.jpg" /></div>
<div id="logo_direita"></div>

[Xogum 0]

Olá,

 

pelo que eu entendi, acredito que tu pode resolver dando um repeat-x:

 

background-image:url(../imgs/dir.jpg) repeat-x;

O repeat-x fará com que ela se repita horizontalmente, desta forma:

||||||||

 

Mas se você quer que ela se repita verticalmente, use repeat-y, ela se repetirá desta forma:

|

|

|

|

 

Mas, se você preferir que ela não se repita, ou seja, que apareça apenas uma vez, pode usar o no-repeat.

 

Se não for isso, poste o link da página, para que possamos entender.

[Giovani 104]

Como criar um tópico para o seu problema

[tdelgrande 0]

Olá,

 

pelo que eu entendi, acredito que tu pode resolver dando um repeat-x:

 

background-image:url(../imgs/dir.jpg) repeat-x;

O repeat-x fará com que ela se repita horizontalmente, desta forma:

||||||||

 

Mas se você quer que ela se repita verticalmente, use repeat-y, ela se repetirá desta forma:

|

|

|

|

 

Mas, se você preferir que ela não se repita, ou seja, que apareça apenas uma vez, pode usar o no-repeat.

 

Se não for isso, poste o link da página, para que possamos entender.

 

Não funcionou.

 

Segue o link: www.einfall.com.br/clientes/cm2

 

Eu quero que as duas imagens laterais (que não estão aparecendo) se repitam horizontalmente até preencherem o espaço da tela inteira.

[webflex 0]

Olá,

 

Brinque com a propriedade width e com seus valores em percentagem.

 

Cumps \o/

[tdelgrande 0]

Dei uma melhorada, mas não consigo juntar a div da direita com a div do meio.

 

Link: http://www.einfall.com.br/clientes/cm2/

[Xogum 0]

Tenta da um margin-left:-1;

[tdelgrande 0]

Agora está funcionando no Firefox, mas não no IE. E também só fica bom em resolução 1280x800 (wide), em outras a imagem do meio (logo) fica distorcida.

 

Não consigo solucionar esse problema, já tentei fazer com tabelas, mas fica pior.

 

Link: www.einfall.com.br/clientes/cm2

 

A título de consulta, quero fazer o que existe no site da Gafisa: www.gafisa.com.br

A diferença é que o meu logo é em jpg e o deles em flash.