[Resolvido] position absolute fixado '-'

[NetBoy16 72]

Fala galera, beleza, eu to tendo um probleminha, tem um site que to fazendo que preciso colocar duas imagens sendo sobrepostas e sem ocupar espaco, beleza, coloque position absolute e arrumei a posicao com top e right, o problema é que dependendo da resolucao ou do zoom a img muda de posicao, como faco pra deixar fixado naquela posicao em qualquer resolucao e zoom ?

 

o site é esse

 

aprecio a ajuda de todos :grin:

[Thiago Moraes 32]

Não seria mais fácil definir a imagem como background?

[NetBoy16 72]

nesse caso nao, sabe porque? o site pode aumnetar ou diminuir de tamanho dependendo do conteudo, e como "setei" a img com position em %, isso varia, entao precio que ele esteja sempre em uma posicao exata, entende ?

[Thiago Moraes 32]

Não entendi...você definiu a posição com %, e precisa que a img fique fixa na mesma posição em todas as resoluções. Não faz muito sentido.

[William Bruno 1501]

background-position: center top;

 

 

ai vai ficar sempre no meio, por exemplo.

Definir com porcentagem não vai te dar o efeito que você quer.

[NetBoy16 72]

Desculpa a confusao que causei, na verda n é quanto a posicao, pq quanto a isso vai permancer igual independente de resolucao ou zoom, to ligado, na verdade o problema é o seguinte, a img do topo ficaria sobre posta pela div topo e conteudo, entao se eu colocar ela como bg da topo como ja tinha feito, ela vai ficar cortada, o mesmo vale pra bg do rodape, que ficaria sobreposta pelo conteudo da div rodape e conteudo, por isso tenho que fazer por img e position mesmo, alguem me ajuda ?

[William Bruno 1501]

poste o layout.

 

Somente assim conseguiremos te ajudar.

[NetBoy16 72]

mas eu coloquei o link do site ali no primeiro post :mellow:

[William Bruno 1501]

é uma página em construção ?

 

não entendi e nem identifiquei onde está oque você falou nessa página que está lá linkada.

[NetBoy16 72]

poutz, esqueci de avisa, é que quando eu postei taav a pagina, dai tive que colocar comum nome diferente pra cair na pagina em construcao, desculpa, o link é esse:

 

http://conselheirodosambabar.com.br/indexnew.php

[William Bruno 1501]

pq você não coloca como background do body ?

e faz o center top que eu disse ?

 

 

 

e então para a imagem do rodapé você aplica o mesmo principio.

Faz uma DIV #wrap, q tenha 100% de largura, e aplica center bottom.

 

Pronto, tão simples qnto isso.

[NetBoy16 72]

esse wrap nao é o mesmo que o meu #container ?

[William Bruno 1501]

não.

 

pq o teu container tem largura definida, e a largura do #wrap deve ser 100% do body.(width: auto)

[NetBoy16 72]

mas entao esse wrape englobaria tudo inclusive o container? e eu aplicando isso fazendo com background position do jeito que tu me disse ja basta ?

[William Bruno 1501]

sim, já basta.

 

teste cara! :lol:

 

faça! sem medo! Olha qntos posts fizemos com "conversa". Eu disse, pq sabia que funcionaria. Vai lá e tenta. Não precisa "perguntar" se vai dar.. faça.

Se você fizer correto vai funcionar. Se tiver duvidas, poste como fez, e qual foi a dúvida.

[NetBoy16 72]

nem ligue as vezes tenho umas duvidascabulosas e pergunto sem precisar :yay:

 

ja deu certo, nem fiz o esquema do wrapper pois precisava deixar fundo verde nas sobras, mas ja deu certo q questao dos fundos, no fundo superior usei no #header com posicao right top e no fundo inferior usei no #footer com posicao right bottom, vlw mano, soh nao te deixo com +102 pq ja se foram meus créditos :grin:

[Thiago Moraes 32]

No fim das contas definir a imagem como background era a solução. Como não pensei nisso antes...

[NetBoy16 72]

kkkkkkkkkk, verdade, o problema era a questao do position apenas, é tenso como as vezes a gente dá várias voltas para chegar a um lugar, eu falei pra você que era position viu :P