• Revista PROGRAMAR: Já está disponível a edição #53 da revista programar. Faz já o download aqui!

aprendiz

centrar

25 mensagens neste tópico

boas pessoal

alguem me sabe dizer como posso centrar uma div correctamente( segundo o xhtml )?

já expreimentei por uma div antes com text-align: center mas depois o texto dentro da outra div tb fica todo centrado e não e isso que eu pretendo.

apenas kero centrar a div.

0

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites

podes colocar:

margin: 0 auto;

podes colocar:

margin: auto;

podes colocar:

padding-left: 50%;

Acho que um destes deve servir para o que queres.

Espero ter ajudado.

Cumps.

0

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites

a maneira correcta de fazer depende de como a div está incorporada na página... não consegues fazer um desenho só com as posições das div's e indicar qual a que queres centrada?

0

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites

e porque não:

no CSS

====


#global_container {
     margin: 0;
     text-align: center;
     width: 100%;
}

#container {
     width: 80%;
     text-align: left;
}

no HTML

=====


...
<div id="global_container" >
     <div id="container">
          ...
          O conteúdo que quiseres...
          ...
     </div>
</div>
...

0

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites

tenta substituir esses >id< por >class<

e arranja-nos o teu código... se faz favor... ou o link

0

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites

tenta substituir esses >id< por >class<

e arranja-nos o teu código... se faz favor... ou o link

Acho que ele deve mater em id pois não vai voltar a utilizar aquelas predefinições em mais nenhuma div, tendo assim o código autentificado para apenas uma div (a única necessária ao código).

Cumps.

0

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites

boas realmente n me lembrei de por text-left para depois tirar o center dentro das divs, mas pensava que houvesse uma propriedade que centrasse so a div.

tipo imaginem que tenho uma div com border á volta e quero que só essa div fica centrada.

0

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites

numa div fora da que kero centrar ou na propria com a border?

0

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites

na própria pois assim apenas a div seleccionada fica centrada.

0

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites

n ta adar  ;)

Isso é praticamente impossível se seguires as nossas instrucções.

Posta aí o teu código para analisarmos.

Caso postes assinala qual a div que queres centrar.

Cumps.

0

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites

tipo eu agr n tou  criar nenhum site mas tinha esta duvida de centrar a div.

mas vou escrever um código de exemplo:

<html>

<head>

<style type="text/css">

#content {border: 2px solid #808080;padding: 4px 10px;}

</style>

</head>

<body>

<div id="content">

Conteudo da página

</div>

</body>

</html>

pronto eu keria neste exemplo que a div content ficasse no centro.

eu sei que da pa por antes um <div align="center"> mas eu keria em xhtml, ou seja seguindo o css .

0

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites

fácil, no #content adicionas text-align:center; para o texto, margin:auto; para a div em si.

0

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites

assim não vai funcionar muito bem nas várias versões do explorer...

no css do body, text-align:center e no css do #content, margin: 0 auto; text-align:left...

0

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites

assim não vai funcionar muito bem nas várias versões do explorer...

no css do body, text-align:center e no css do #content, margin: 0 auto; text-align:left...

Internet Explorer e as suas mariquices...
0

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites

<html>

<head>

<style type="text/css">

#content {border: 2px solid #808080; padding: 4px 10px; margin: 0 auto;}

</style>

</head>

<body>

<div id="content">

Conteudo da página

</div>

</body>

</html>

Podes fazer assim

<html>

<head>

<style type="text/css">

#content {border: 2px solid #808080;padding: 4px 10px; text-align: center;}

#text {text-align: justify;} -> aqui podes pôr o tipo de text-algin que mais preferires.

</style>

</head>

<body>

<div id="content">

<div id="text">

Conteudo da página

</div>

</div>

</body>

</html>

Ou então podes fazer assim.

assim não vai funcionar muito bem nas várias versões do explorer...

no css do body, text-align:center e no css do #content, margin: 0 auto; text-align:left...

Se ele colocar text-align: center; no body e depois quiser colocar lá outra div que seja para alinhar à esquerda gera problemas.

Cumps.

0

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites

Eu não percebo muito do assunto, mas podes fazer simples...

tipo:

<div id=teste align=center></div>

ou

<center>

<div></div>

</center>

Acho que assim tambem funciona.

cumps

serrano

0

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites

Se ele colocar text-align: center; no body e depois quiser colocar lá outra div que seja para alinhar à esquerda gera problemas.

Cumps.

convém que as respostas sejam vistas dentro do contexto em que foram feitas as perguntas... se ele tem o body e uma div que é para ficar centrada e tudo o resto fica dentro dessa div (é o que se depreende tanto do código que colocou como do próprio nome da div), o css que coloquei ainda continua a ser o mais indicado...

0

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites

tipo mas se puser width por exemplo de 500px com o margin auto ele não fica centraso.

eu só me interessa mesmo que a div fique centrada mas sem utilizar o html antigo ou inválido apesar de dar para por <div align="center"> ou <center> antes.

0

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites

no css, coloca:

<style type="text/css">

body {

  text-align:center;

}

#content {

  margin: 0 auto;

  text-align:left;

}

</style>

0

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites

foi exactamente o que escrevi acima, só que em texto corrido...

0

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites

Crie uma conta ou ligue-se para comentar

Só membros podem comentar

Criar nova conta

Registe para ter uma conta na nossa comunidade. É fácil!


Registar nova conta

Entra

Já tem conta? Inicie sessão aqui.


Entrar Agora