definir tamanho do background em procentagem é possível?

[Tesla]

é isso ae olha o meu site em teste http://pozfaid.sytes.net/projeto

como vocês podem ver eu criei uma tabela de teste e conseguir alinha ela certinha com a pagina, no caso eu usei

.tabelaprincipal {

width:66.5%;

height:142px;

}

height eu coloquei em pixels pois não vai fazer muita diferença de qualquer jeito vai ter q rolar a pag mesmo, e ela é proporcional ao background então tem q ser definida em pixels. Até ai tudo bem...

mas o que tah me cascando mesmo é o background se vocês entrarem no meu site com uma resolução de 1024x768 ou perto pois essa é a resolução da maioria das telas (a minha é 1280x1024) ele (o background) vai ficar totalmente desalinhado como se ele fosse maior q a tela e continuasse pra direita >>

como eu faço pra definir o tamanho (pelo menos a largura) em porcentagem? em um codigo CSS de preferencia...

espero a ajuda ^^

*--*-**-*-*

outra coisa é o problema da visualização do mozilla e do IE q são diferentes, como vocês lidam com isso, ou melhor, como eu resolvo isso XD

Editado Janeiro 29, 2009 por Tesla

[Jonathan Queiroz]

Quando ao background, como está seu código ?

Assim ?

body {background-image: url(imagem.jpg)}

outra coisa é o problema da visualização do mozilla e do IE q são diferentes, como vocês lidam com isso, ou melhor, como eu resolvo isso XD

Quanto a isso devemos ficar bem atentos no momento em que estamos construindo o site

Resolver isso depois pode ser um pouco mais complicado

Recomendo tentar descobrir os elementos da página onde isso ocorre e ir alterando valores

Outra forma de se evitar isso é utilizando seus elementos com o CSS "position:relative", a não ser que você realmente precise do "positon: absolute"

Olhe isso aqui: http://www.criarweb.com/artigos/134.php

[Tesla]

é estah assim mesmo

[Jonathan Queiroz]

Pode postar aí como está o código completo de seu CSS ?

[Tesla]

cara vo fala como eu quero, pois o meu codigo css tah simples

body {

background: #000000 url(objetos/bg.jpg);

height: 1103px;

}

eu quero fazer igual o site do tibiabr faz (www.tibiabr.com)

[Tesla]

é galera pelo q eu vi não tem jeito mesmo não, a nossa tecnologia é mt limitada ainda em realção aos backgrounds fluidos:

olha só a comparação com uma tela de 1024x768 com uma de 1280x1024(a minha)

1024x768 (A Mais Comum)

http://187.14.2.125/projeto/objetos/1024x768.jpg

1280x1024 (A que eu uso)

http://187.14.2.125/projeto/objetos/1280x1024.jpg

se alguém tiver uma solução manda ae

[Jonathan Queiroz]

Bom...

Percebi uma coisa em seu código e acho que talvez seja isso !

body {
background: #000000 url(objetos/bg.jpg);
height: 1103px;
}

Acredito que seja porque você definiu a height da página em px

Tente tirar essa parte e deixar o navegador definir sozinho !