[Resolvido][ajuda] site/div/css

Ver o tópico anterior Ver o tópico seguinte Ir em baixo

[Resolvido][ajuda] site/div/css

Mensagem por Isaque Onix em Ter 26 Maio 2015, 21:15

Bom, tava trabalhando no meu site e me deparei com um problema que ta queimando meus neurônios Mad
Spoiler:
Boom, eu preciso posicionar uma div sobre outras 2 divs, de modo que ela fique no centro horizontalmente, e em 180px verticalmente, verticalmente tudo bem, deu certo, mais horizontalmente ela não quer ficar, igual as outras, ali ficaria um menu (div verde escura no print "imagem", escrito Menu central), alguem sabe como faço? aqui o css:

Código:
height: 40px;
   width: 800px;
   margin-right: auto;
   margin-left: auto;
   background-color: #090;
   position: absolute;
   top: 180px;
   left: auto;
   right: auto;
   clear: both;

Grato a quem puder me ajudar.

Isaque Onix

Número de Mensagens : 1597
Idade : 22
Data de inscrição : 15/08/2010
Reputação : 147
Insignia 1 x 0 Insignia 2 x 0 Insignia 3 x 0
Prêmios
   : 0
   : 0
   : 0

http://spyreserver.16mb.com

Voltar ao Topo Ir em baixo

Re: [Resolvido][ajuda] site/div/css

Mensagem por Superbomber em Ter 26 Maio 2015, 22:04

Sua div já está alinha ao centro, o problema é que você está usando o parâmetro "position: absolute;"
Se você remover irá notar que irá alinha ao centro...Só que lá em cima...
Como resolver?
Mude para position: relative...Ficaria assim:
Código:

height: 40px;
  width: 800px;
  margin-right: auto;
  margin-left: auto;
  background-color: #090;
  position: relative;
  top: 180px;
  left: auto;
  right: auto;
  clear: both;

Se quiser também, pode fazer dessa outra forma:
Utilize o parâmetro align...
Assim:
Código:

<div align="center">
</div>
No caso, qualquer conteúdo dentro dessa div será alinhado ao centro.
Portanto você pode fazer uma div principal e colocar as 3 dentro da mesma.
E usar 'align="left"' para "voltar ao padrão".

O bom é que assim qualquer div que você coloque dentro dessa já se alinha ao centro. Mas faça como desejar. ;)

Superbomber

Ranking : Sem avaliações
Número de Mensagens : 100
Idade : 15
Data de inscrição : 28/04/2015
Reputação : 47
Insignia 1 x 0 Insignia 2 x 0 Insignia 3 x 0

Voltar ao Topo Ir em baixo

Re: [Resolvido][ajuda] site/div/css

Mensagem por Isaque Onix em Ter 26 Maio 2015, 22:25

eu já tinha tentado assim, e acontece isso: http://prntscr.com/79trxc

Isaque Onix

Número de Mensagens : 1597
Idade : 22
Data de inscrição : 15/08/2010
Reputação : 147
Insignia 1 x 0 Insignia 2 x 0 Insignia 3 x 0
Prêmios
   : 0
   : 0
   : 0

http://spyreserver.16mb.com

Voltar ao Topo Ir em baixo

Re: [Resolvido][ajuda] site/div/css

Mensagem por TRFN em Qua 27 Maio 2015, 00:11

No caso, para este tipo de layout, e indicado você trabalhar com porcentagens: http://jsfiddle.net/b1r04g8q/

Esta ai um exemplo que fiz do trabalho com porcentagens

___________



TRFN

Ranking : Nota C
Número de Mensagens : 970
Idade : 20
Data de inscrição : 16/01/2012
Notas recebidas : C
Reputação : 33
Insignia 1 x 0 Insignia 2 x 0 Insignia 3 x 0
Prêmios
   : 1
   : 0
   : 2

http://trfnsite.com

Voltar ao Topo Ir em baixo

Re: [Resolvido][ajuda] site/div/css

Mensagem por J. Marlon em Qua 27 Maio 2015, 01:41

No caso da primeira imagem, já tentou reposicionar a div usando o "margin-left" com um valor manual (em px)?

J. Marlon

Número de Mensagens : 11
Data de inscrição : 04/05/2013
Reputação : 2
Insignia 1 x 0 Insignia 2 x 0 Insignia 3 x 0
Prêmios
   : 0
   : 0
   : 0

Voltar ao Topo Ir em baixo

Re: [Resolvido][ajuda] site/div/css

Mensagem por Isaque Onix em Qua 27 Maio 2015, 03:30

Bem, resolvido.

TRFN & J. Marlon, eu já tinha tentado com porcentagens e em pixels sim, tentei com varios valores diferentes, mais acabou que eu resolvi com o margin-top: -40px .

Obrigado pela ajuda de vocês!

Isaque Onix

Número de Mensagens : 1597
Idade : 22
Data de inscrição : 15/08/2010
Reputação : 147
Insignia 1 x 0 Insignia 2 x 0 Insignia 3 x 0
Prêmios
   : 0
   : 0
   : 0

http://spyreserver.16mb.com

Voltar ao Topo Ir em baixo

Re: [Resolvido][ajuda] site/div/css

Mensagem por Conteúdo patrocinado Hoje à(s) 11:00


Conteúdo patrocinado


Voltar ao Topo Ir em baixo

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo

- Tópicos similares

 
Permissão deste fórum:
Você não pode responder aos tópicos neste fórum