Uzun süredir Internet Explorer(IE) sorunuyla alakalı yazı yazmıyordum. Çünkü bizim projede IE desteğini sonlandırdık. Bir yerde uygularken denk geldim iki kolonlu menü kullanımı vardı. column-count özelliği yardımıyla kolayca yapayım dedim.
İstekte bulunan arkadaş IE 11 desteğini de sağlayalım deyince IE 11’de test ettim bir de ne göreyim IE 11 iki kolona bölerken birinci kolondaki son öge içindeki içeriği yandaki kolono taşımış!
codepen.io’nun ie desteği yokmuş :) http://jsbin.com/yuridejofo/1/embed?html,css,output buradan bakabilirsiniz.
Çözümü basit li elemanına overflow:hidden tanımlamak yeterli oluyor.
ul li {
overflow: hidden;
}Kalın sağlıcakla.