Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Mirth

Layout com coluna central..

Recommended Posts

Olá, eu tenho um Layout com 1 filme flash no centro com CSS:

 

#layout {

margin: 0 0 0 -400px;

position: absolute;

top: 0%;

left: 50%;

width: 798px;

height: 700px;

}

agora eu cria preencher a tela com uma imagem em repeat-x do lado esquerdo e outra do lado direito, como faço?

Só consigo fazer uma imagem preenxer a tela toda, com background: #d0d0d0 url(imgs/r.jpg) repeat-x;

 

Obrigado

Compartilhar este post


Link para o post
Compartilhar em outros sites

Cria uma div a esquerda e outra a direita da "coluna" onde está o flash.....

 

Abraços...

Compartilhar este post


Link para o post
Compartilhar em outros sites

Cria uma div a esquerda e outra a direita da "coluna" onde está o flash.....

 

Abraços...

Sim.. e como faço para que essas divs ocupem o resto da tela?

Compartilhar este post


Link para o post
Compartilhar em outros sites

Sim.. e como faço para que essas divs ocupem o resto da tela?

Crie as 3 divs e use o atributo "float: left" em cada uma delas....

 

Assim, as 3 ficarão uma ao lado da outra.... ai basta você definir a largura de cada uma e a imagem de fundo....

 

Entendeu ??

 

Abraços...

Compartilhar este post


Link para o post
Compartilhar em outros sites

Sim.. e como faço para que essas divs ocupem o resto da tela?

Crie as 3 divs e use o atributo "float: left" em cada uma delas....

 

Assim, as 3 ficarão uma ao lado da outra.... ai basta você definir a largura de cada uma e a imagem de fundo....

 

Entendeu ??

 

Abraços...

 

Sim, a do meio tem 798px.. então e como adivinho o tamanho das outras se elas têm que se adaptar à tela?! não posso meter em percentagem!

Compartilhar este post


Link para o post
Compartilhar em outros sites

talvez fosse melhor se você fize-se uma imagem larga na posição X

e p #layout tive-se um fundo com cor definida

 

body{
background: transparent url('bg.gif') repeat-x;
}
#layout {
background:[COR];
margin: 0 0 0 -400px;
position: absolute;
top: 0%;
left: 50%;
width: 798px;
height: 700px;
}

ponha um link do seu site acaso não resolva assim

ae sim poderemos lhe auxiliar melhor

 

;)

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.