Thiago Gema Posted July 12, 2011 Report Share Posted July 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. Quote Link to comment Share on other sites More sharing options...
0 INTUITO_BINÁRIO Posted July 12, 2011 Report Share Posted July 12, 2011 nas propriedades #link acrescente:text-align=center; Quote Link to comment Share on other sites More sharing options...
0 Markus Magnus Posted July 12, 2011 Report Share Posted July 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 id="links" align="center"> <div id="conteudo"> </div></div></body></html> Quote Link to comment Share on other sites More sharing options...
0 Thiago Gema Posted July 12, 2011 Author Report Share Posted July 12, 2011 (edited) 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; } Edited July 12, 2011 by Thiago Gema Quote Link to comment Share on other sites More sharing options...
0 Thiago Gema Posted July 12, 2011 Author Report Share Posted July 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 ! Quote Link to comment Share on other sites More sharing options...
Question
Thiago Gema
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.
Link to comment
Share on other sites
4 answers to this question
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.