Imagem de fundo
Pessoal estou tendo problemas com uma imagem q esta no background do "Body", visto q trabaho mais com intranet, (fundos chapados e poucos detalhes), estou apanhando. na resolucao 1280x1024 ela funciona muito bem, nas outras resolucoes os elementos se deslocam para a direita mesmo tendo um div pai..
o link http://www.mioop.com
meu css:
CODE
*{ margin: 0; padding: 0; }body{
text-align: center;
background: url(/images/bg-body.jpg/) top no-repeat ; essa imagem tema as dimensoes: 1280x1263
#tudo{
text-align: left;
margin: 0 auto;
width: 61%;
height: 1263px;
background: transparent;
}
#topo{
width: 100%;
height: 138px;
background: transparent;
}
#logo{
text-align: left;
width: 41%;
height: 133px;
background: transparent;
padding-top: 5px;
}
#barra{
text-align: left;
margin: 28px auto;
width: 100%;
height: 40px;
background: transparent;
}
#menu{
text-align: center;
padding-top: 2px;
margin-left: 17px;
width: 712px;
height: 30px;
background: transparent;
}
#conteudo{
text-align: left;
margin: -20px auto;
width: 100%;
height: 910px;
background: transparent;
}
#cont-topo{ esse bannner marrom esta dentro dessa DIVmargin: 5px auto;
text-align: left;
width: 754px;
height: 170px;
background: transparent;
}o html
CODE
<div id="tudo"> <div id="topo">
<div id="logo">
<a href="/" title="Página Inicial"><img src="/images/logo.png/" border="0" alt="Página Inicial" /></a>
</div><!-- / logo -->
</div><!-- / logo -->
<div id="barra">
<div id="menu">
<table width="720" border="0" cellpadding="0" cellspacing="0" align="center">
<tr>
<td width="120" height="28" align="center"><img src="/images/home.png/" border="0" /></td>
<td width="120" height="28" align="center"><img src="/images/sobre.png/" border="0" /></td>
<td width="120" height="28" align="center"><img src="/images/membros.png/" border="0" /></td>
<td width="120" height="28" align="center"><img src="/images/forum.png/" border="0" /></td>
<td width="120" height="28" align="center"><img src="/images/rank.png"/ border="0" /></td>
<td width="120" height="28" align="center"><img src="/images/contato.png/" border="0" /></td>
</tr>
</table>
</div><!-- / menu -->
</div><!-- / barra -->
<div id="conteudo">
<div id="cont-topo">
<a href="[http://hlstatx.info/forum/"](http://hlstatx.info/forum/) title="Participe do nosso fórum" target="_blank">
<img src="/images/banner.jpg" alt="Participe do nosso fórum" width="754" height="170" border="0" /></a> </div>
<!-- / cont-topo -->
</div><!-- / conteudo -->
</div><!-- / tudo -->Alguma ideia?
creio q o prblema seja na imagem de fundo, que é essa areia com a pasta, o tamanho dela.
Abraços e bom comeco de semana à todos.
Discussão (3)
Carregando comentários...