Problema com alinhamento horizontal

[Marsal Correia Lima 1]

Olá pessoal novamente :) é uma coisa meio simples mas de qualquer maneira, estou com um problema para alinhar um conjunto de divs no meio mesmo ao usuário modificar o tamanho do browser, para isso eu costumo usar margin: 0 auto, mas agora não está funcionando, tentei criar outras divs pra segurar e arrastar mas não deu certo :/ www.gamemode.com.br ( a div que quero alinhar é a header ( container é só um teste ) )

[Giovani 104]

@Marsal Correia Lima a div azul está alinhada no centro .... tente explicar melhor a sua dúvida pra galera.

[Marsal Correia Lima 1]

@Marsal Correia Lima a div azul está alinhada no centro .... tente explicar melhor a sua dúvida pra galera.

peço desculpas, estava muito nervoso de tanto tentar haha.

[Marcos Xavier 189]

Para alinhar ao centro, no elemento body sete a propriedade text-align

body{

text-align:center;

}

[Marsal Correia Lima 1]

Obrigado pela resposta, mas teria outro método? pois esse não dá muito certo com o jeito que eu fiz o layout.

[Diéssica 140]

Propriedade text-align não resolve o problema, ainda mais em body, por ser pouco específico.

O que você deve fazer é um elemento pai, contendo todas as divs da navegação. Bem comum em rodapés que ocupam todo o ecrã e precisam do conteúdo centralizado, como o do iMasters.


No seu caso, há um elemento 100% (ocupando todo o ecrã), o .header. Nele, há elementos: links, listas, inputs. Você deve fazer um elemento que contenha todos esses elementos, que será o elemento pai em relação e eles.

Determine uma largura fixa (provavelmente a mesma da div .container, em azul) e margem automática nesse elemento pai. :bye:

Edit:
Disse que provavelmente poderia ser a mesma largura da div .container, mas não pode, já que o header possui mais elementos na horizontal. Então, a largura deve ser, no mínimo maior que a do elemento .container.

[Marsal Correia Lima 1]

Muito obrigado pela resposta completa :) já consegui fazer 50% funcionar, mas o resto vai ser fácil xD