Ir para conteúdo

POWERED BY:

Arquivado

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

Yeshu'a

[Resolvido] Alinhamento de Site - CSS

Recommended Posts

Olá!

 

Eu sou novo nisso e esse site é só um teste ok?

 

Eu estou tendo um problema com o alinhamento do site, no Ie ele fica centralizado porem no Firefox não...

 

Segue ai o link do projeto

 

http://justuploadingimages.googlepages.com/teste.html

 

 

E o código CSS

CODE
body {

width: 770px;

text-align: center;

background-color: #666666;

}

#tudo{

text-align: center;

}

#header {

width: 770px;

}

h1 {

color:#000000;

font-family:"Trebuchet MS", Arial, sans-serif;

background: scroll url(top_bar2.gif) repeat-x;

}

h2{

color:#FF9900;

font-family:Geneva, Arial, Helvetica, sans-serif;

font-style:italic;

}

span.cool{

color:#CCCCCC;

display:inherit;

font-family:Arial, Helvetica, sans-serif;

}

span.just{

color:#FFFFFF;

font-family:Trebuchet MS, Arial, sans-serif;

}

#abas{

width: 770 px;

}

/* Botoes */

/*===============================================================================

=======*/

#menu{

background-color: #000;

}

#menu ul{

margin: 0; padding: 0;

margin-left: 6px;

}

#menu ul li {

display: inline;

}

#menu ul li a {

font-family: Trebuchet MS, Verdana, sans-serif;

background-color: #555;

color:#000000;

float: left;

padding: 5px 7px;

margin-left: 3px;

text-decoration: none;

}

#menu ul li a:hover {

background-color: #000;

color: #FF9900;

text-decoration: none;

}

 

/*===============================================================================

========*/

#dunno{

clear: both;

background:#555555;

padding: 5px 15px 5px 15px;

border-top:0px;

font-family:Verdana;

font-size:12px;

text-indent: 2em;

text-align: justify;

}

Compartilhar este post


Link para o post
Compartilhar em outros sites

Bem vindo ao fórum Yeshu'a.

Sua dúvida é bem normal para iniciantes, se você pesquisar um pouco aqui no fórum vai perceber que é bem tranquilo de resolver.

 

Qualquer dúvida, por favor, volte a postar.

Compartilhar este post


Link para o post
Compartilhar em outros sites

na div #Tudo

 

acrescente margin: 0 auto;

 

esse codigo zerá as margens superior e inferior e alinha a direita e a esquerda automaticamente

 

 

abraço

Compartilhar este post


Link para o post
Compartilhar em outros sites

AEEEEEE

 

"margin: 0 auto;" deu certo =D

 

vlw galerinha

Compartilhar este post


Link para o post
Compartilhar em outros sites

Yeshu'a, Boa Noite!

Notei que você é novo no fórum, então Seja Bem Vindo!

Existem alguns outros tópicos no fórum, similares a esta sua dúvida. Você poderia observa-los usando a busca do fórum. Com isso você iria se auto ajudar, além de facilitar para o pessoal. Uma dica importante para um bom uso do fórum use sempre a busca antes de abrir algum tópico, pois as vezes é possivel se resolver um problema usando como base dicas passadas em outros tópicos. ;)

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

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