GMBR
Gostaria de reagir a esta mensagem? Crie uma conta em poucos cliques ou inicie sessão para continuar.
Entrar

Esqueci-me da senha

Últimos assuntos
» Retorno da GMBR!!!
por theguitarmester Ter 19 Mar 2024, 22:38

» Procuro Programador de game maker
por Wou Sex 15 Mar 2024, 10:27

» Mod APK
por gamerainha Qua 13 Mar 2024, 06:30

» Mudar cor de apenas uma palavra
por lunalol Sex 01 Mar 2024, 13:42

» Aceito pedidos de sprites (Com exemplos meus)
por Sevilha Qua 28 Fev 2024, 12:17

» Inventário simples
por Isquilo_Roedor Qui 22 Fev 2024, 15:18

» Problemas na programaçnao de inimigo [jogo DOOM LIKE]
por Black Mirror Dom 11 Fev 2024, 13:34

» ANDROID MULTI TOUCH
por DiegoBr Dom 04 Fev 2024, 12:13

» Servidor de Discord do fórum?
por Lighter Sáb 27 Jan 2024, 17:18

» Save e Load Json
por Klinton Rodrigues Qui 25 Jan 2024, 11:12

» Colisão com mais de um objeto
por aminaro Seg 22 Jan 2024, 15:02

» Oi sou novo aqui
por Thiago Silveira Alexandre Sáb 20 Jan 2024, 20:55

» Como acessar conteudo comprado no marketplace
por macmilam Sex 19 Jan 2024, 07:42

» Devlogs em vídeos do Block Room
por Joton Seg 15 Jan 2024, 16:56

» Alguém aqui já ganha dinheiro com seus games?
por Joton Seg 15 Jan 2024, 16:49

» ACERVO GMBR MAGAZINE
por Joton Qui 11 Jan 2024, 19:21

» como aumentar o obj sem aumentar a colisão??
por GabrielXavier Qua 10 Jan 2024, 07:21

» Asteroid Core - Early Acesse Update [0.2.0.0]
por JOZ. Seg 08 Jan 2024, 14:39

» Versionamento de código com GitHub
por GabrielXavier Seg 08 Jan 2024, 07:32

» Rio Rise - novo launcher do Gta San Andreas SAMP Brasil
por kolesovsup Sex 29 Dez 2023, 07:16

» a funçao approach ainda existe?
por PEDRINDEV Ter 26 Dez 2023, 20:05

» Inimigo ataca até por trás! >:(
por saim Sex 22 Dez 2023, 08:55

» [RESOLVIDO]Spawn após morte
por Deception_1999 Dom 17 Dez 2023, 16:39

» Remunerado $$$ - Procuro programador para ajudar a "montar" um jogo
por theguitarmester Sáb 02 Dez 2023, 16:28

» Game maker nao abre
por Cerf Dom 26 Nov 2023, 12:01


[Resolvido][ajuda] site/div/css

4 participantes

Ir para baixo

[Resolvido][ajuda] site/div/css Empty [Resolvido][ajuda] site/div/css

Mensagem por Isaque Onix 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
Isaque Onix

Games Ranking : Nota C

Notas recebidas : C
Data de inscrição : 15/08/2010
Reputação : 147
Número de Mensagens : 1625
Prêmios : [Resolvido][ajuda] site/div/css Empty

Medalhas x 0 Tutoriais x 0 Moedas x 0

Ouro x 0 Prata x 0 Bronze x 0

Insignia 1 x 0 Insignia 2 x 0 Insignia 3 x 0
Plataformas :
  • Game Maker 8.0 ou 8.1
  • Game Maker Studio 1.4
  • Game Maker Studio 2.0
  • Unity
  • C#
  • Outros


http://spyreserver.16mb.com

Ir para o topo Ir para baixo

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

Mensagem por Superbomber 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
Superbomber

Games Ranking : Sem avaliações

Data de inscrição : 28/04/2015
Reputação : 47
Número de Mensagens : 100
Prêmios : [Resolvido][ajuda] site/div/css Empty

Medalhas x 0 Tutoriais x 0 Moedas x 0

Ouro x 0 Prata x 0 Bronze x 0

Insignia 1 x 0 Insignia 2 x 0 Insignia 3 x 0

Ir para o topo Ir para baixo

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

Mensagem por Isaque Onix Ter 26 maio 2015, 22:25

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

Games Ranking : Nota C

Notas recebidas : C
Data de inscrição : 15/08/2010
Reputação : 147
Número de Mensagens : 1625
Prêmios : [Resolvido][ajuda] site/div/css Empty

Medalhas x 0 Tutoriais x 0 Moedas x 0

Ouro x 0 Prata x 0 Bronze x 0

Insignia 1 x 0 Insignia 2 x 0 Insignia 3 x 0
Plataformas :
  • Game Maker 8.0 ou 8.1
  • Game Maker Studio 1.4
  • Game Maker Studio 2.0
  • Unity
  • C#
  • Outros


http://spyreserver.16mb.com

Ir para o topo Ir para baixo

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

Mensagem por TRFN 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
TRFN

Games Ranking : Nota C

Notas recebidas : C + C + C
Data de inscrição : 16/01/2012
Reputação : 70
Número de Mensagens : 1192
Prêmios : [Resolvido][ajuda] site/div/css Empty

Medalhas x 0 Tutoriais x 1 Moedas x 0

Ouro x 1 Prata x 0 Bronze x 2

Insignia 1 x 0 Insignia 2 x 0 Insignia 3 x 0
Plataformas :
  • Web Tecnology
  • Javascript
  • Outros


https://site13.com.br/

Ir para o topo Ir para baixo

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

Mensagem por J. Marlon 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
J. Marlon

Data de inscrição : 04/05/2013
Reputação : 2
Número de Mensagens : 12
Prêmios : [Resolvido][ajuda] site/div/css Empty

Medalhas x 0 Tutoriais x 0 Moedas x 0

Ouro x 0 Prata x 0 Bronze x 0

Insignia 1 x 0 Insignia 2 x 0 Insignia 3 x 0

Ir para o topo Ir para baixo

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

Mensagem por Isaque Onix 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
Isaque Onix

Games Ranking : Nota C

Notas recebidas : C
Data de inscrição : 15/08/2010
Reputação : 147
Número de Mensagens : 1625
Prêmios : [Resolvido][ajuda] site/div/css Empty

Medalhas x 0 Tutoriais x 0 Moedas x 0

Ouro x 0 Prata x 0 Bronze x 0

Insignia 1 x 0 Insignia 2 x 0 Insignia 3 x 0
Plataformas :
  • Game Maker 8.0 ou 8.1
  • Game Maker Studio 1.4
  • Game Maker Studio 2.0
  • Unity
  • C#
  • Outros


http://spyreserver.16mb.com

Ir para o topo Ir para baixo

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

Mensagem por Conteúdo patrocinado


Conteúdo patrocinado


Ir para o topo Ir para baixo

Ir para o topo

- Tópicos semelhantes

 
Permissões neste sub-fórum
Não podes responder a tópicos