Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

DarkWanderer

Pagina centralizada...

Por , em Desenvolvimento frontend

Recommended Posts

DarkWanderer    0

DarkWanderer
Postado

Olá galera. Seguinte: eu to fazendo uma pagina e joguei dentro de uma div q engloba tudo e mando alinhar no centro da pagina com margin: auto. Mas qnd eu boto um menu dropdown dentro da div eu nao consigo posicionar aonde eu quero. Como fazer pra posiciona-los de uma forma qu fique fixo na DIV que engloba todo o site? Espero que tenha sido claro :D Obrigado

Compartilhar este post

Link para o post
Compartilhar em outros sites

Giovani    104

Giovani
Postado

O link do tutorial do maujor ajuda você certo?Qualquer dúvida, por favor, volte a postar![]´s

Compartilhar este post

Link para o post
Compartilhar em outros sites

WillianAndrade    0

WillianAndrade
Postado

margin: auto; não funciona corretamente

 

infelizmente...

 

um jeito que uso para centralizar é...

 

essa div que engloba tudo você declara...

 

#ID { width:770px; /*exemplo*/ position:relative; left:50%; margin-left: -385px; /*aqui está o 'truque', esse valor da margin-left é a METADE do tamanho total da página '770px'/*}

aqui funciona perfeitamente http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

boa sorte ai

 

[]'s

Compartilhar este post

Link para o post
Compartilhar em outros sites

WillianAndrade    0

WillianAndrade
Postado

hm

 

eu acho que ñ hein gio

 

fiz exatamente o que você postou no tópico do link e ñ deu certo

 

Para centralizar horizontalmente, via css, é bem tranquilo, olha só:

 

1 - No arquivo css crie um div que vai englobar todo o site.

CODE

#geral{

background-color: #fff;

margin: 0 auto;

width: 775px;

}

 

Pronto, o margin vai deixar ele centralizado.

 

2 - No arquivo, dentro da tag body ficará assim:

CODE

<body>

 

<div id="geral"> <!-- geral -->

 

 

</div> <!-- /geral -->

 

</body>

 

 

Pronto, a página vai ficar centralizada.

 

[]'s

segue as screens do firefox, ie6 e ie7 e o código que você passou...

 

firefox

http://img210.imageshack.us/img210/7417/centerfirefoxus8.jpg

 

ie6

http://img74.imageshack.us/img74/1439/centerie6st6.jpg

 

ie7

http://img74.imageshack.us/img74/9448/centerie7bf4.jpg

 

 

<head><meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /><title>centralizar</title><style type="text/css">#geral {	background-color: #fff;	margin: 0 auto;	width: 775px;}</style></head><div id="geral"><h3>Teste de pagina centralizada</h3><h5>Será?</h5><h6>É possível centralizar uma página com esse método?</h6></div><body></body></html>

[]'s

Compartilhar este post

Link para o post
Compartilhar em outros sites

Giovani    104

Giovani
Postado

WillianAndrade, caso você não tenha percebido a div deve ser colocada dentro do <body>.

Recomendo estudar mais HTML.

Compartilhar este post

Link para o post
Compartilhar em outros sites

Giovani    104

Giovani
Postado

Se você quer ser sarcástico tudo bem.Só faça a coisa certa e coloque o conteúdo dentro da <body>

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Desenvolvimento frontend
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito