Centralização dentro da DIV

Thiago Gema · Julho 12, 2011

Amigos já fiz de tudo e nada funfou:

Preciso centralizar o #conteudo dentro do #links.

#links {
    display: block;
    overflow: hidden;
    padding: 0;
    float: left;
    width: auto;
    height: 100%;
    background-color:#CCC;
    margin:0 auto;
}
#conteudo {
    margin:0 auto;
    overflow: hidden;
    margin-left: 10px;
    margin-right: 10px;
    padding: 0;
    float: left;
    width: auto;
    height: auto;
    text-align:center;
    background-color:#030;
}

Qualquer ajuda é bem vinda.

INTUITO_BINÁRIO · Julho 12, 2011

nas propriedades #link acrescente:

text-align=center;

Markus Magnus · Julho 12, 2011

coloque align="center" dentro da div links isso vai funcionar tanto para firefox ie(testei no 9.0) como chrome se você não quizer centralizar o texto dentro da div conteudo coloque text-align:left; no css da div conteudo pra não herdar o alinhamento.

<html>

<head>

<style>

#links {

width: 500px;

height: 500px;

background-color:#CCC;

}

#conteudo {

width: 250px;

height: 250px;

background-color:#030;

text-align:left;

}

</style>

</head>

<body>

</div>

</body>

</html>

Thiago Gema · Julho 12, 2011

Amigos, muito obrigado pela ajuda, porém o problema continua, infelizmente não posso alterar as condições do CSS abaixo devido o uso do Java do Accordion do Jquery. Será que existe alguma solução?

#links {
    display: block;
    overflow: hidden;
    float: left;
    width: auto;
    height: 100%;
    background-color:#CCC;
    text-align: center; 
    align: center;
}
#conteudo {
    overflow: hidden;
    margin-left: 10px;
    margin-right: 10px;
    width: auto;
    height: auto;
    background-color:#030;
}

Editado Julho 12, 2011 por Thiago Gema

Thiago Gema · Julho 12, 2011

Amigos, resolvi assim:

Coloquei todo o conteudo dentro da <table> id="conteudo" e fiz o CSS assim:

#links {
    display: block;
    overflow: hidden;
    float: left;
    width: auto;
    height: 100%;
}
#conteudo {
    overflow: hidden;
    margin-left: 10px;
    margin-right: 10px;
    width: auto;
    height: 100%;
}

Tudo centralizado perfeitamente !

Obrigado pelas dicas galera !

Entrar

Centralização dentro da DIV

Pergunta

Thiago Gema

Link para o comentário

Compartilhar em outros sites

4 respostass a esta questão

Posts Recomendados

INTUITO_BINÁRIO

Link para o comentário

Compartilhar em outros sites

Markus Magnus

Link para o comentário

Compartilhar em outros sites

Thiago Gema

Link para o comentário

Compartilhar em outros sites

Thiago Gema

Link para o comentário

Compartilhar em outros sites

Participe da discussão

Estatísticas dos Fóruns

Navegação

Atividades