imagem no layout

leonardo della · Março 30, 2009

ola pessoal sou novo aqui no forum e estou com um problema em html e css, queria ver se alguém poderia me ajuda....

o problema é o seguinte: quero colocar uma imagem no fundo da tela como se fosse o layout da tela e funcionace com as mesmas propriedade de uma imagem normal como este codigo abaixo >>

assim quando eu mecho no tamanho do navegador a imagem se ajutas automatico, por isso queria que fosse desta forma.

so porque se fizer assim eu não consigo dividir minha pagina com tabelas sobre a imagem, ateh consigo mas não vai fica em cima da imagem vai fica depois e tal...

tah eu sei que tem o background mas eu não to conseguindo fazer com que ele fique como eu quero, eu já pesquisei e consegui acha as seguintes propriedades que podem me ajuda... exemplo se eu fizer assim:

<html>

body{

background-bgProperties:FIXED;

background-position:50%50%;

background-repeat:no-repeat;

height:100%; width:100%;

}

</style></head>

</body>

mas fazendo assim a imagem de fundo não se ajusta automatica com o navegador...

alguém sabe como fazer isso e pode me ajuda?

_Cristiano_ · Março 30, 2009

Ve se é esse o efeito que você deseja:

<html>

<head> 
<style type="text/css">
    body{ 
    background-attachment:FIXED;
    background-repeat:no-repeat;
    background-image:url("index.jpg");
    background-position: top center;
    width:1024px;
    
    }
</style>
</head>

<body>
    <center>
    <table border=2>
        <tr><td>AAAAAAAA</td></tr>
        <tr><td>BBBBBBB</td></tr>
        <tr><td>CCCCCCCC</td></tr>
    </table>
    </center>
</body>

</html>

Abraços.

_Vinny_ · Março 30, 2009

Simplesmente porque essa imagem está quase errado:

<html><head>...</head>
<body><img src="idnex.jpg" height="100%" width="100%"></body>

Assim a imagem fica como conteudo do site, e não como fundo do site. ---------------- Vamos ao que interessa: Na body da css use esse codigo:

body {
    background-image: url(lLINK_DA_IMAGEM);
    background-position: center;
    background-attachment:fixed;
        background-repeat:no-repeat;

leonardo della · Abril 9, 2009

consegui!!! \o_

ta ai o codigo pra qm precisa valeu

#background{

position:absolute;

z-index:-1;

width:99%;

height:99%;

display: block;

min-width:800px;

min-height: 600px;

}

#scroller{

width:95%;

height:95%;

overflow:visible;

position: absolute;

min-height: 590px;

min-width: 800px;

position: absolute;

left: 40px;

top: 30px;

}

</style>

<boby>

</body>

Entrar

imagem no layout

Pergunta

leonardo della

Link para o comentário

Compartilhar em outros sites

3 respostass a esta questão

Posts Recomendados

_Cristiano_

Link para o comentário

Compartilhar em outros sites

_Vinny_

Link para o comentário

Compartilhar em outros sites

leonardo della

Link para o comentário

Compartilhar em outros sites

Participe da discussão

Estatísticas dos Fóruns

Navegação

Atividades