So editando o modelo do blog ja me deparei com uma famosa buxa. Resolvi colocar uma div com um fundo branco para juntar todas os elementos da pagina, separando o site do fundo. No Internet Explorer funcionou direitinho, mas adivinha se o Firefox quis ser legal!? O layout ficou todo posicionado a esquerda e nao adiantou colocar text-align:center; nem na div e nem no body. Como o nosso amigavel align="center" foi depreciado no HTML 4 e no XHTML strict, tive de usar o seguinte metodo:-No codigo CSS da div que eu precisei centralizar, coloquei os atributos margin-left:auto; margin-right:auto;.-Veja como ficou o codigo:So tem um pequeno problema, as versoes anteriores ao Internet Explorer 6 nao reconhecem os atributos. Mas como o meu problema estava so no Firefox, nao precisei me preocupar com esse detalhe.Se quiser informacoes mais detalhadas, visite o link: http://www.mhavila.com.br/topicos/web/css_center.html Abracao pra todos!! Diferentes browsers renderizam os codigos de uma maneira ligeiramente diferente. Fato! Algo que traz uma grande dor de cabeca para um desenvolvedor web. Uma div fica totalmente a esquerda no Firefox, mas no Internet Explorer ela fica alguns pixels mais a direita. Uma celula de uma tabela da um espacamento entre sua borda e seu conteudo no Internet Explorer, no Firefox, o conteudo fica grudado. Esses sao apenas alguns exemplos do problema, mas nao se preocupe, existe uma maneira facil de resolver.No codigo CSS, voce pode utilizar um caracter de escape que diferencia os codigos para os diferentes browsers. Quando voce quiser diferenciar uma propriedade de algum elemento para o Internet Explorer, basta colocar na frente dela o caracter underline ( _ ), a propriedade que nao tiver nenhum caracter de escape funcionara para o Firefox. Veja um exemplo:div{margin:10 px 0 0 8px;_margin: 0 0 0 20px;}No Firefox, a margem de cima da div tera 10 pixels e a margem da esquerda, 8 pixels. Ja no Internet Explorer, essa mesma div tera apenas 20 pixels para a margem da esquerda.As diferentes versoes de algum browser tambem trazem esse tipo de problema. Com a chegada do Internet Explorer 7, varios sites tiveram que ser refeitos pois muitas das "gambias" feitas nos codigos CSS para contornar eventuais problemas das versoes anteriores ja nao funcionavam mais na nova versao do navegador e as diferencas com outros navegadores continuaram a existir. Felizmente, existe um caracter de escape para o IE7 tambem, que e o asterisco ( * ) (nao e asterisTIcooo!!!).div{margin:10 px 0 0 8px;_margin: 0 0 0 20px;*margin:10px 0 0 0;}Agora, no Internet Explorer 7 a margem de cima da div tera 10 pixels.Como dito anteriormente, varios desenvolvedores tiveram que reescrever seus codigos CSS para que seu site pudesse ser visualizado corretamente no IE7. Mas e ai? Nos outros browsers eles deixariam de funcionar? Nao necessariamente. Para que isto nao fosse um problema, foram desenvolvidos os Comentarios Condicionais. Utilizando esta tecnica, voce pode tanto importar um arquivo CSS inteiro, como editar apenas uma parte do codigo. Veja:-Se for IE faca:<!--[if IE]><!--[endif]-->-Se for superior ao IE5 faca:<!--[if gt IE5]><!--[endif]-->-Se for IE5 ou superior faca:<!--[if gte IE5]><!--[endif]-->-Se for anterior ao IE 5.5 faca:&lt!--[if