Ir para conteúdo

POWERED BY:

Arquivado

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

Bernardo Dias da Cruz

[Resolvido] margin: 0 auto;

Por , em Desenvolvimento frontend

Recommended Posts

Bernardo Dias da Cruz    0

Bernardo Dias da Cruz
Postado

Olá... Ja procurei em vários tópicos uma solução para centralizar DIVs e margin: 0 auto; foi o que encontrei, porém utilizo essa propriedade aqui e só funciona bem no FireFox, no IE 6 não funciona... Alguem sabe se estou esquecendo algo ou alguma outra solução?

 

Peço desculpas se este for um tópico repetido, mas não encontrei a solução que procurava.

 

Grato

Compartilhar este post

Link para o post
Compartilhar em outros sites

Bernardo Dias da Cruz    0

Bernardo Dias da Cruz
Postado

Bom, funcionou mesmo... (quando testei apenas estes código que você passou Maujor)

Deve estar acontecendo alguma coisa com outros estilos... vou tentar descobrir o erro...

 

Existe a possibilidade de alguma propriedade de body 'margin: 0;' estar afetando a margem do div? Ou algo do tipo?

 

Uma propriedade declarada novamente sobreescreve as anteriores nao é?

 

Não vou postar o código inteiro aqui pois estou usando o css da Ext, e é muito extenso... Mas este mesmo erro ja havia acontecido antes com outros sites... Talvez eu devesse refazer o código css com mais atenção, alguma incompatibilidade deve estar ocorrendo...

 

Obrigado pela luz...

 

Ops, só esqueci de comentar, que na minha aplicação, ainda nao funcionou... como disse, deve haver alum estilo que esta bagunçando as coisas...

Compartilhar este post

Link para o post
Compartilhar em outros sites

André Banderas    0

André Banderas
Postado

Acho que descobri o seu problema, já que eu estava passando por um semelhante.

 

Se você estiver editando suas páginas no Dreamweaver com a opção de tornar as páginas compatíveis com XHTML o programa escreve no início da página a seguinte linha:

 

<?xml version="1.0" encoding="iso-8859-1"?>

 

No meu caso foi isso que impossibitou de o IE 6.0 centralizar a DIV seguido a instrução CSS: margin: 0 auto;

 

Espero ter ajudado! http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

Compartilhar este post

Link para o post
Compartilhar em outros sites

rvalves    0

rvalves
Postado

Opa, pessoal é o seguinte, esse drama do "margin: 0 auto" (ou apenas margin: auto) alinhar em Opera, Firefox, Safari e não rolar no Internet Explorer é por causa de 2 caras:

"Quirks Mode" e "Strict Mode";

Sao !DOCTYPEs (e você se perguntava porque raios o pessoal colocava essa tag estranha no topo dos sites)

 

Os navegadores mais novos, já foram criados seguindo padrões novos por default, já o IE tinha padrões antigos, resultado, se você deixar sem a tag !DOCTYPE claramente expecificada o IE vai renderizar o site com um padrão de html sem "margin: 0 auto".

 

Encerrando a Missa, Resumindo e resolvendo o problema: declare no inicio de tudo (antes da tag html)

 

CODE
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN http://www.w3.org/TR/html4/strict.dtd">

(se você não quiser dar ibope pra W3C pode retirar o link pro site deles, é so um manual sobre o padrão)

 

 

Um link legal sobre o assunto: http://webdesign.about.com/od/dtds/qt/tipdoctypelist.htm

 

Bom espero ter ajudado,

Compartilhar este post

Link para o post
Compartilhar em outros sites

Igor Abdo    0

Igor Abdo
Postado
  Em 10/09/2008 at 06:01, 'rvalves' disse:

Opa, pessoal é o seguinte, esse drama do "margin: 0 auto" (ou apenas margin: auto) alinhar em Opera, Firefox, Safari e não rolar no Internet Explorer é por causa de 2 caras:

"Quirks Mode" e "Strict Mode";

Sao !DOCTYPEs (e você se perguntava porque raios o pessoal colocava essa tag estranha no topo dos sites)

 

Os navegadores mais novos, já foram criados seguindo padrões novos por default, já o IE tinha padrões antigos, resultado, se você deixar sem a tag !DOCTYPE claramente expecificada o IE vai renderizar o site com um padrão de html sem "margin: 0 auto".

 

Encerrando a Missa, Resumindo e resolvendo o problema: declare no inicio de tudo (antes da tag html)

 

<div class='codetop'>CODE</div><div class='codemain' style='height:300px;white-space:pre;overflow-y:auto'><!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN http://www.w3.org/TR/html4/strict.dtd"></div>

 

(se você não quiser dar ibope pra W3C pode retirar o link pro site deles, é so um manual sobre o padrão)

 

 

Um link legal sobre o assunto: http://webdesign.about.com/od/dtds/qt/tipdoctypelist.htm

 

Bom espero ter ajudado,

 

 

Funcionou perfeitamente, a falta de:

 

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN http://www.w3.org/TR/html4/strict.dtd">

é com certeza o causador do problema!

 

Isso que impossibita o IE de centralizar a DIV seguido a instrução:

 

margin: 0 auto;

Muito obrigado, que DEUS lhe proteja!

 

Att.

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Desenvolvimento frontend
×

Informação importante

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

  Aceito