Ir para conteúdo

POWERED BY:

Arquivado

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

RinaldFN

Posicionamento no centro

Por , em Desenvolvimento frontend

Recommended Posts

RinaldFN    0

RinaldFN
Postado

Ola´,tenho uma div na qual todo o conteúdo do site está dentro dela. Queria posicionala no centro da página, e consequentemente tudo o que estiver dento dela.Eu consegui pocisionar colocando a tag <center> antes dela mas queria saber posicionar usando css.Obrigado

Compartilhar este post

Link para o post
Compartilhar em outros sites

RinaldFN    0

RinaldFN
Postado

Olá amigo, valeu pela dica! Vou dar uma perquisada.Eu andei tentando assim: <div align="center"> e também tantdando colocar o align center na classe mais nem deu certo.Valeu!

Compartilhar este post

Link para o post
Compartilhar em outros sites

Giovani    104

Giovani
Postado

Esses artigos sobre posicionamento que o Bruno fez são ótimos, a resposta está em algum deles (não tenho certeza, acho q no 2)...qualquer problema posta ai novamente q tentamos ajudar você...se tiver um link então fica bem melhor!!!

 

Abraços!!! http://forum.imasters.com.br/public/style_emoticons/default/joia.gif

Compartilhar este post

Link para o post
Compartilhar em outros sites

micox    2

micox
Postado

Rinaldi, como o Gio falou a resposta está no 2o artigo. você DEVERÁ LER ele inteiro!! Não adianta ficar tentando aprender só pedaços, pois só te trará problemas no futuro.Para centralizar algo, você deve usar CSS e ABOLIR atributos de posicionamento que vão dentro da própria tag (como o align=center). E, principalmente abolir a tag <center> da sua vida, pois ela já está "deprecated"...A parte de centralização está lá no artigo 2 com certeza...Caso tenha outros problemas poste aí pragente ver...Falows...

Compartilhar este post

Link para o post
Compartilhar em outros sites

Caliope    0

Caliope
Postado

estarei passando codigos de uma pagina bem simples (tabelless....) você deve estudar isso para dominar a arte dos div´s....rsss

 

 

Embaixo segue o codigo do arquivo "INDEX.html"

 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"   "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml" xml:lang="pt" lang="pt"><head><title></title><meta name="Description" content="Descrição" /><meta name="Keywords" content="Palavras-Chave" /><meta http-equiv="Content-Type" content="application/xhtml+xml; charset=iso-8859-1" /><meta http-equiv="Content-Language" content="Portuguese" /><style type="text/css" media="screen,projection">/* backslash hack hides from IEmac \*/ @import url(estilo.css);/* end hack */</style></head><body><div id="site"><div id="cabecalho"> Cabeçalho</div><div id="esquerda"> <ul>  <li>Link</li>  <li>Link</li>  <li>Link</li>  <li>Link</li> </ul></div><div id="direita"> Bloco da direita</div><div id="centro"> Conteúdo <br /><br /><br /></div><p class="rodape">Rodapé</p></div></body></html>

E aqui embaixo segue o código do arquivo "estilo.css".

 

body{padding: 0px;background-color:#000000;}/*##############################Estrutura do site*/#site{position: absolute;width: 780px;left: 50%;margin-left: -395px; /*o valor esta como -395 e não 390, porque no body o padding é igual a 5 então é preciso equivaler para alinhar corretamente. */ padding: 5px;border: 1px solid #FFFFFF;}#cabecalho{padding: 5px;margin-bottom: 5px;border: 1px solid blue;}/*Dica: Para fazer o bloco da esquerda e da direita, ter um fundo que se mantenha alinhado verticalmetne com o bloco central,crie um background alinhando horizontalmente, isto irá desfarçar a falta de heigth 100% nos divs esquerdo e direito.*/#esquerda{float: left;width: 150px;height: 50%;padding: 5px;margin-bottom: 5px;border: 1px solid green;text-color: #FFFFFF;}#direita{float: right;width: 150px;padding: 5px;margin-bottom: 5px;border: 1px solid green;}#centro{float: right;width: 425px;padding: 5px; margin-right: 7px;margin-bottom: 5px;border: 1px solid green;}.rodape{clear: both;padding: 5px;margin: 0px;border: 1px solid blue;}

flow...espero q de uma olhada e qnto a sua dúvida faz o seguinte usa dentro da tag div o seguinte parametro: " 

left: 50%;
.

 

Abraços.

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