Ir para conteúdo

POWERED BY:

Arquivado

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

felipe maricato moura

[Resolvido] CSS: Como um background diferente na direita e esquer

Por , em Desenvolvimento frontend

Recommended Posts

felipe maricato moura    0

felipe maricato moura
Postado

Pessoal como montar em css o layout com o site centralizado uma imagem de fundo na esquerda e uma outra de fundo na direita?

 

Como neste site: http://missionlogpodcast.com/

Compartilhar este post

Link para o post
Compartilhar em outros sites

felipe maricato moura    0

felipe maricato moura
Postado

Utilizando uma imagem inteira :thumbsup:

http://missionlogpodcast.com/images/background-08.jpg

 

Hum... Ok mas como faz para garantir que ela fique centralizada junto com o conteúdo mesmo que mude a resolução ou tamanho da janela?

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado 
background-position: center top;

Compartilhar este post

Link para o post
Compartilhar em outros sites

felipe maricato moura    0

felipe maricato moura
Postado

ok fiz o teste abaixo e funcionou.

 

Obrigado.

 


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento sem título</title>

<style>

#total
{
margin:0px;
height:100%
}

#divcenter
{
width:500px;
height:150px;
background-color:#09C;

margin:auto;

}

#fundo
{
background-image:url(background-08.jpg);
background-position: center top;
}

</style>

</head>

<body id="total">
<div id="fundo">
<div id="divcenter">aa</div>
</div>
</body>

 

Alguem tem alguma consideração sobre o código acima?

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

usa o background no body =)

ai você economiza uma div.

Compartilhar este post

Link para o post
Compartilhar em outros sites

felipe maricato moura    0

felipe maricato moura
Postado

usa o background no body =)

ai você economiza uma div.

 

aha tem razão obrigado

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Desenvolvimento frontend
×

Informação importante

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

  Aceito