Jump to content


Photo

Div Fixa


  • Faça o login para participar
5 replies to this topic

#1 duh.vip

duh.vip

    Novato no fórum

  • Usuários
  • 5 posts
  • Sexo:Masculino
  • Localidade:Tubarão

Posted 30/10/2012, 08:42

Estou tentando criar uma DIV para posicionamento de uma imagem no rodapé do site, o posicionamento ficou correto, porém ao diminuir o tamanho da tela (Ctrl menos) percebo que a imagem se move, existe alguma maneira de manter esta DIV fixa, mesmo aumentando o diminuindo a resolução da tela?

Código utilizado:


#logo{
width: 105px;
position: relative;
float: right;
margin-top: -35px;
margin-right: 195px;
border: 0px solid;
}

Obrigado pela atenção de todos.

Forte abraço!

#2 André Cristhian

André Cristhian

    Normal

  • Usuários
  • 65 posts
  • Sexo:Masculino
  • Localidade:Maringá - PR
  • Interesses:PHP, Mysql, Java Script, Java, Programação, CSS, HTML, AJAX, XHTML, Web Design, Web Developer, Desenvolvedor Web.

Posted 30/10/2012, 08:59

Poste o CSS de seu rodapé que irá conter essa imagem ai dentro!

Meu post lhe ajudou? Clicar no Posted Image é uma das formas de agradecer.


#3 duh.vip

duh.vip

    Novato no fórum

  • Usuários
  • 5 posts
  • Sexo:Masculino
  • Localidade:Tubarão

Posted 30/10/2012, 09:09

É uma DIV que sobrepõe o conteúdo do site, exemplo: Uma imagem com bandeiras de cartões de crédito.

#4 André Cristhian

André Cristhian

    Normal

  • Usuários
  • 65 posts
  • Sexo:Masculino
  • Localidade:Maringá - PR
  • Interesses:PHP, Mysql, Java Script, Java, Programação, CSS, HTML, AJAX, XHTML, Web Design, Web Developer, Desenvolvedor Web.

Posted 30/10/2012, 09:24

Mais no caso essa div que você quer colocar essa imagem é dentro do rodapé certo?
Então poste o CSS da div do rodapé aqui apenas isso que ai ja fica mais facil de entender...

Meu post lhe ajudou? Clicar no Posted Image é uma das formas de agradecer.


#5 duh.vip

duh.vip

    Novato no fórum

  • Usuários
  • 5 posts
  • Sexo:Masculino
  • Localidade:Tubarão

Posted 30/10/2012, 09:29

#footer .ass{
float:left;
width:950px;
margin:0;
}

#6 Mika-san

Mika-san

    Novato no fórum

  • Usuários
  • 12 posts
  • Sexo:Feminino

Posted 04/11/2012, 21:02

Seria bom saber certinho como está o HTML também, mas veja se com as alterações abaixo já resolve...

#footer .ass{
 width:950px;
 margin:0;
 position:relative;
 }

#logo{
 width: 105px;
 position: absolute;
 top: -35px;
 right: 195px;
 border: 0px solid;
 }

#footer .ass
Tirar o float:left... se você quer centralizar, não pode usar ele.
Acrescentar o position:relative; para funcionar o position:absolute da imagem

#logo
Tirar float também, porque não adianta position:absolute com float...
Trocar margin-top e margin-right por top e right (creio que funcionam melhor com o absolute)




1 user(s) are reading this topic

0 membro(s), 1 visitante(s) e 0 membros anônimo(s)

IPB Skin By Virteq