Centralizar a div na horizontal

[Vanilson 2]

Pessoal, gostaria de saber se existe alguma forma de centralizar a div na horizontal, na vertical faz-se usado margin: 0 auto, agora na horizontal consegui fazer usando margin:250px 0 0 0, so que não aparece centralizado em todos os browsers, em alguns aparece muito em baixo.

[crf_h0m3r 5]

Talvez aqui você encontre a solução, http://www.cssnolanche.com.br/centralizar-div-na-horizontal-e-vertical-com-css/

[Vanilson 2]

crf_h0m3r, valeu pela dica. Mais no meu caso a div que fica centralizada na horizontal deve ocupar todo espaço na vertical e pelo que percebi dessa tecnica é que ela funciona apenas quando a div tem uma altura e largura fixa, no meu caso a largura terá que ser auto.

[crf_h0m3r 5]

Tenta com height:100%; :ermm:

[Henrique Barcelos 290]

Não funciona... nesse caso, só com javascript para pegar dinamicamente a altura e a largura da div.

Mais ou menos assim:

window.onload = centralizarDiv;

function centralizarDiv(){
  var div = document.getElementById('ID da div');
  if(!div) return false;

  var height = div.outerHeight;
  var width = div.outerWidth;

  div.style.marginLeft = '-'+Math.round(width/2).toString()+'px';
  div.style.marginTop = '-'+Math.round(height/2).toString()+'px';
}

 

Eu só não tenho certeza se funciona no IE7-

 

Lembrando que o CSS deve conter :

#ID_DA_DIV {
position: absolute;
top: 50%;
left: 50%;
}