alinhar DIV no IE

[Tiago Mesquita 0]

Olá pessoal,

 

Então, quero manter uma DIV centralizada, ontem os elementos que forem dentro dessa div venham a definir o seu tamanho... mas quero que ela fique sempre centralizada... fiz de um jeito que funcionou no firefox, mas já no internet explorer já não funcionou mais, gostaria de saber pq e como eu poderia fazê-la funcionar...

no firefox:

 

no IE 6:

 

Código css da div:

.box-center {
	background-color: #B0C4C2;
	border: 1px solid #1B595B;
	position: relative;
	width: 210px;
	text-align: center;
	left: 50%;
	right: 50%;
	margin-right: -105px;
	margin-left: -105px;
	padding: 5px;
	}

(essa div sofre influência somente desse código)...

 

 

é isso pessoal, fico ansioso por um retorno. abraços.

[William Bruno 1501]

(era melhor um link para vizualizarmos o código todo...)

 

A outra box que tá atras dessa ai, a verdinha escura, tá com algum position tb ne?!

Pois é o necessário para que esta seja o contexto de posicionamento dessa DIV que você ta centralizando.

 

Com um "margin: 0 auto;" você não conseguiu posicionar?

Em todo o caso, é "redundante" você declarar: left e right... escolha só um dos dois...

position: relative;
	left: 50%;
	margin-left: -105px;

[Tiago Mesquita 0]

tiu uiLL,

 

funcionou... fico te devendo essa...

agora eu não entendi, eu já havia tentado de tudo e nada fazia ele centralizar corretamente nos dois navegadores...

eu to com um problema para entender o posicionamento das telas, existe algum tutorial bom para entender o posicionamento?

[William Bruno 1501]

você conhece o site do Maujor?

 

Eu recomendo esses 2 artigos para você que está com problemas com posicionamento:

http://www.maujor.com/tutorial/meio_tela.php

e

http://www.maujor.com/tutorial/absrel.php

 

Vai aos poucos com CSS, procura dar uma geral no Maujor, ai vai para outros conteudos... tutoriais..

[brcontainer 16]

titulo editado:

problema que afeta o IE mas não o Firefox, como resolver? http://forum.imasters.com.br/public/style_emoticons/default/seta.gif alinhar DIV no IE