Página 1 de 2 1 2

16-09-2003 por BONFA-RJ

CSS-P - Não sei centralizar o conteúdo :(

alguem sabe como eu faco isso?
vou dar um exemplo:

Código:

//estilo.css
#figura{
  position: absolute;
  top: 20px;
  left: 10px;
  height: 130px;
  width: 70px;
  background: #cccccc;
  }
#topo{
  position: absolute;
  top: 20px;
  left: 80px;
  height: 130px;
  width: 620;
  background: #999999;
  }

abaixo o .htm que usa o estilo.css:

//teste.htm
<html>
<head>
<title>lalala...</title>
<link rel="stylesheet" href="estilo.css" type="text/css">
</head>
<body>
<div id="figura">figura</div>
<div id="topo">topo</div>
</body>
</html>

Fazendo assim, fica tudo alinhado à esquerda... eu queria saber como faço pra centralizar, pois quero usar no meu site --> www.uniriotec.br/~igor.alves e no site que pessoal vai fazer pra minha turma (quero participar do concurso de layouts, hehehe)
gosto de centralizar o conteudo pois nao sei qual resolucao a pessoa vai estar usando... tenho o habito de fazer as pages em tabelas com "width = 750"... queria fazer agora com ajuda do CSS, pra centralizar as configurações de lay-out em um só arquivo, ajudando na confeccao e manutencao do site.
por favor, se nao expliquei direito, me perguntem... mas me ajudem!

17-09-2003 por leandro.f

align: center;

18-09-2003 por BONFA-RJ

como assim???
explica melhor

18-09-2003 por Aprendiz:

Align center

Acho que o amigo aí em cima quiz dizer:

position: relative;
align: center

19-09-2003 por BONFA-RJ

mesmo assim, nao funciona... os 2 div's ficam no meio... um embaixo do outro... se quiserem ver como ficou: http://skywalker/teste_css.htm

19-09-2003 por Phr34k3r

err,
Achu que esquecemos de algu na url, certu?

19-09-2003 por BONFA-RJ

foi mal... link errado:
http://www.uniriotec.br/~igor.alves/teste_css.htm
esse é sem oq pessoal falou ainda... tenho q atualizar

21-09-2003 por BONFA-RJ

23-09-2003 por BONFA-RJ

ninguem sabe isso nao?

24-09-2003 por Phr34k3r

De noite a gente tenta alguma coisa, vou editar essa mensagem mais tarde.

[]'s

26-09-2003 por Naruto

AEW cara..testa com <center> mesmo:

<body>
<center>
<div id="figura">figura</div>
<div id="topo">topo</div>
</center>
</body>

:P

Ou então faz o css assim:

div { os atributos; separados; por ponto e virgula; align: center}

o último atributo não precisa de ; heeheheh

27-09-2003 por BONFA-RJ

nao consigo... se eu fizer...
#figura{
position: absolute;
...
}
... os divs nao saem da esquerda de forma alguma...
e se coloco...
#figura{
position: relative;
...
}
... nao consigo coloca-los na mesma linha... na mesma altura...
e Naruto, nao entendi muito bem oq vc me pediu... e po... usando <center>, align dentro do <div>... se tiver position: absolute, nao tem jeito...

27-09-2003 por Naruto

aew cara, mals, não estava atento a esse detalhe, pq vc não tenta usar posicionamento no DIV? tipow deixando ele a X pixels do Topo e a X pixels da margem esquerda? Porém dependendo da resolução utilizada não vai ficar centralizado, mas caso seu site tenha um resolução específica, usa posicionamento desse jeito.

27-09-2003 por BONFA-RJ

Citação:

Postado Originalmente por Naruto

Porém dependendo da resolução utilizada não vai ficar centralizado, mas caso seu site tenha um resolução específica, usa posicionamento desse jeito.

esse é justamente meu problema...

eu faco o site para uma resolucao minima de 800x600... mas po, se o cara usar 1152 por 864? o legal é q fique centralizado... é isso q eu nao consigo

27-09-2003 por Marcos Heringer

na fonte

onde vc quer alinhar escreve, align<center>

27-09-2003 por BONFA-RJ

??
nao entendi...

28-09-2003 por Aprendiz:

Ainda não entendi...

Citação:

Postado Originalmente por BONFA-RJ

e Naruto, nao entendi muito bem oq vc me pediu... e po... usando <center>, align dentro do <div>... se tiver position : absolute, nao tem jeito...

Ainda não entendi direito o seu problema.
Mas você tirando as coordenadas do CSS e o positioning e ao invés disso colocar no HTML
<DIV align="center" id="figura">figura</DIV>
acontece o quê?

PS.: Para posicionamentos tão preciso como o que você está tentando com pixels e tudo, seria melhor você fazer o site em 800...

T+

28-09-2003 por BONFA-RJ

Re: Ainda não entendi...

Citação:

Postado Originalmente por Aprendiz:

Ainda não entendi direito o seu problema.
Mas você tirando as coordenadas do CSS e o positioning e ao invés disso co...

mas aí eu não consigo colocar o #figura e o #titulo na mesma linha, entende?
um tem q ta do lado do outro... eu ja vi isso feito em css, mas era com o alinhamento exato, a esquerda... eu queria no centro... deve ter como fazer, nao é possível

29-09-2003 por Naruto

aew cara, parece q em ASP tem um recurso q captura resolução do cara q visita sua página e vc consegue trabalhar com esse dado e o site carregar baseado na resolução...agora nem me pergunte como se faz isso hehehe, dá uma pesquisada...

CSS-P - Não sei centralizar o conteúdo :(

Programação, scripts, web e banco de dados