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.

Kaynak

VS Code ile yazım denetimi

VS Code ile yazım denetimi Devamını oku

Sitemdeki Kırık bağlantılar

01 July 2021 tarihinde yayınlandı.

Grid mi Flex mi?

28 June 2021 tarihinde yayınlandı.