-- İnternet

Internet Explorer 8 Margin Hatası – ie8 margin bug

Merhabalar, bu kısa yazıda Internet explorer 8’in hatalarından birinin çözümüne değiniyorum.

Internet Explorer bilindiği üzere CSS konusunda diğer tarayıcılara göre oldukça sıkıntılı. Standartlardan halen uzakta malesef, bu durumun sonucunda da tasarımcıların dikkat etmesi gereken bazı noktalar olabiliyor. Margin-auto hatası da bunlardan biri…

Kullandığınız div için


div.wrapper{

margin : 0 auto 0 auto;

}

 

benzeri bir margin komutu kullanıyorsanız, internet explorer’da sayfanın sizin istediğiniz şekilde ortalanmadığını farkedeceksiniz. Yani şuradaki gibi :

Olması gereken :

 

 

 

 

 

 

Internet Explorer görünümü :

 

 

 

 

 

 

ÇÖZÜMÜ : 

1 . TextAlign : margin tanımlamanızın altına text-align: center;  tanımlaması yapabilirsiniz. Fakat bu div içindeki tüm diğer divleri de ortalayacağından onlara tekrar bir tanımlama yapmanız gerekir ki çok tercih edilmez.

2. DOCTYPE tanımlaması : Eğer XHTML 1.0 Strict DOCTYPE kullanıyorsanız IE8 margin tanımlamalarınızı görmezden gelecektir. Bunu çözmek için DOCTYPE tanımlamanızı XTML 1.0 Transitional olarak değiştirmeniz yeterlidir. Doctype ile ilgili ayrıntılı bilgi için :

http://www.w3schools.com/tags/tag_DOCTYPE.asp

Yorumla

Yorum