Como centrar un DIV con HTML5 compatible en Internet Explorer 8

Para poder centrar un <div> en los navegadores actuales no hay que trabajar mucho ya que css nos permite hacerlo con dos simples instrucciones que se detalla a continuación:

margin: 0 auto; 
width: 100%;

Estos dos atributos son obligatorios para centrar un div en tu documento HTML5.

El problema que aparece es cuando lo visualizamos en navegadores antiguos, como por ejemplo Internet Explorer 8.

En este caso hay que considerar 3 puntos escenciales, y estos son:

1. Ancho al 100% del contenedor del

No olvidarse de establecer el ancho del contenedor o padre, esto se lo hace con las siguientes lineas css.

#contenedor{ width: 100%; }
#div_centrado{ witdh: 600px; margin: 0 auto}

2. Text-Align : center

Si se aplica la propiedad text-align:center al div contenedor, Internet Explorer 8 obiará margin:auto de los elementos hijos que se encuentren dentro del mismo. Para solucionar esto se debe añadir text-align:left al div que se quiere centrar.

#contenedor{ width: 100%; }
#div_centrado{ 
  witdh: 600px; 
  margin: 0 auto; 
  text-align:left
}

3. Utilizar <!DOCTYPE html>

Si no se utiliza DOCTYPE en el inicio del archivo html, Internet Explorer no respetará el atributo que hace que se centre la etiqueta <div>.

<!DOCTYPE html> <html lang="es">

8 Comments

Smithe563

20 December, 2014

Spot lets start off perform on this writeup, I seriously consider this astounding internet site needs much more consideration. Ill apt to become once again to find out to read considerably a lot more, thank you that information.
Solar Battery Reviews

24 April, 2016

Great article post.Thanks Again. Want more.
https://www.youtube.com/watch?v=2GFOCMWyoc8/

4 May, 2016

I think this is a real great article post.Much thanks again.
best free bets

9 May, 2016

I really enjoy the article.Really looking forward to read more.
MaryMJ

15 December, 2016

Hello! My name is MaryMarkova, our compane need to advertise on your website. What is your prices? Thank you. Best regards, Mary.
AnnaMJ

18 December, 2016

Hello! My name is AnnaMarkova, our company need to advertise on your website. What is your prices? Thank you. Best regards, Mary.
Google

22 December, 2016

Google

Here is an excellent Weblog You may Come across Intriguing that we encourage you to visit.
Google

14 May, 2020

Google

Sites of interest we have a link to.