{"id":71,"date":"2009-09-01T15:43:13","date_gmt":"2009-09-01T18:43:13","guid":{"rendered":"http:\/\/www.softov.com.br\/blog\/?p=71"},"modified":"2009-09-01T15:43:13","modified_gmt":"2009-09-01T18:43:13","slug":"centralizar-div-com-css","status":"publish","type":"post","link":"https:\/\/softov.com.br\/blog\/2009\/09\/01\/centralizar-div-com-css\/","title":{"rendered":"Centralizar div com css"},"content":{"rendered":"<p>Desde que eu comecei a desenvolver sites seguindo um padr\u00e3o tive muitos problemas na centraliza\u00e7\u00e3o de uma div no navegador, aonde eu consequia centralizar no mozilla e no IE ficava desconfigurado.<\/p>\n<p>Bem, para quem o mesmo problema que eu tive, veja a abaixo a solu\u00e7\u00e3o.<\/p>\n<p>Sigamos a estrutura a seguir dentro do body.<\/p>\n<p>[code=&#8217;html&#8217;]<br \/>\n<body><\/p>\n<div id=\"geral\">\n<div id=\"corpo\">\nconteudo\n<\/div>\n<\/div>\n<p><\/body><\/p>\n<p>[\/code]<\/p>\n<p>E dentro do seu style ou se preferir colocar dentro de um .css o c\u00f3digo a seguir<\/p>\n<p>[code=&#8217;css&#8217;]<br \/>\nbody{<br \/>\n background-color:#efefef; \/*um fundo para visualizar a div*\/<br \/>\n margin:0px;<br \/>\n padding:0px;<br \/>\n text-align:center; \/* bug do IE 6*\/<\/p>\n<p>}<br \/>\n#geral{<br \/>\n margin:0 auto;<br \/>\n width:900px;<br \/>\n background-color:#FFF; \/*um fundo para visualizar a div*\/<br \/>\n text-align:left;<br \/>\n}<br \/>\n#corpo{<br \/>\n padding:10px;<br \/>\n}<\/p>\n<p>[\/code]<\/p>\n<p><a href=\"http:\/\/www.softov.com.br\/blogmodelos\/centradiv\" target=\"_blank\">Veja o exemplo aqui<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Desde que eu comecei a desenvolver sites seguindo um padr\u00e3o tive muitos problemas na centraliza\u00e7\u00e3o de uma div no navegador, aonde eu consequia centralizar no mozilla e no IE ficava desconfigurado. Bem, para quem o mesmo problema que eu tive, veja a abaixo a solu\u00e7\u00e3o. Sigamos a estrutura a seguir dentro do body. [code=&#8217;html&#8217;] conteudo&hellip; <a class=\"more-link\" href=\"https:\/\/softov.com.br\/blog\/2009\/09\/01\/centralizar-div-com-css\/\">Continuar lendo <span class=\"screen-reader-text\">Centralizar div com css<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[25,24],"tags":[43,52,90],"_links":{"self":[{"href":"https:\/\/softov.com.br\/blog\/wp-json\/wp\/v2\/posts\/71"}],"collection":[{"href":"https:\/\/softov.com.br\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/softov.com.br\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/softov.com.br\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/softov.com.br\/blog\/wp-json\/wp\/v2\/comments?post=71"}],"version-history":[{"count":1,"href":"https:\/\/softov.com.br\/blog\/wp-json\/wp\/v2\/posts\/71\/revisions"}],"predecessor-version":[{"id":4614,"href":"https:\/\/softov.com.br\/blog\/wp-json\/wp\/v2\/posts\/71\/revisions\/4614"}],"wp:attachment":[{"href":"https:\/\/softov.com.br\/blog\/wp-json\/wp\/v2\/media?parent=71"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/softov.com.br\/blog\/wp-json\/wp\/v2\/categories?post=71"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/softov.com.br\/blog\/wp-json\/wp\/v2\/tags?post=71"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}