4 replies to this topic

[Ronaldo Jr.]

pessoal por favor me ajudem eu estou tendo um pequeno probleminha no css criei a seguinte div

#menu_cidades {
margin:0;
padding:0;
width:629px;
text-align:left;
}


ela deveria fikar centralizada no centro entre um swf e outra div, mas quando vou testa no ie ela funciona corretamente
mas no ff ela fica centralizada na esquerda, na visualização do dw ela também ficar certo...


por favor alguém me da um help awe
desde já agradeço

(como está no ie e como deveria ser)
 ie.JPG   20.65KB   2 downloads

(como está no ff)
 ff.JPG   24.72KB   3 downloads

Edição feita por: Ronaldo Jr., 14/07/2009, 10:58.

[Édipo Costa Rebouças]

tem que ser:

margin: 0 auto;

O ie que esta errado mesmo.

[Ronaldo Jr.]

brigadão mesmo cara eu conseguir mas só por curiosidade se eu colocar:



padding-left:100px; _padding:0px;


ae na direita também sobraria 100, e o meio ficaria com 700 mas isso dentro do corpo da pagina que teria 900 de tamanho também estaria certo???

Edição feita por: Ronaldo Jr., 14/07/2009, 12:26.

[Édipo Costa Rebouças]

para alinhar ao centro tanto no ie6 como em outros browsers, você tem que colocar text-align: center na div que contem a div a ser centralizada, e margin: 0 auto; na div a ser centralizada, margin: 0 auto só funciona com elemento de width definida.

<div id="master" style="text-align: center;">
 <div style="width: 600px; margin: 0 auto;">
 </div>
</div>

para o ie, o que esta dando o alinhamento é o text-align, para os outros browsers, é o margin: 0 auto;
Dependendo do Doctype que você usa, margin: 0 auto pode funcionar no ie, se você usar o xhtml strict 1.0 funciona margin: 0 auto.

[Ronaldo Jr.]

vlw mesmo mano agora entendi direito brigadão