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
#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.
Comments are closed.