CSS: Edge browser and list item

Gallex · 2018-05-19 12:49:50

hi!

could anybody tell me, why latest Edge browser displays extra margin and discs in this page #main-menu ul ul list items? :(
i can’t figure it out…

phiw13 · 2018-05-19 13:14:45

It is a long-lived issue with IE + Edge

a fix (courtesy of Jquery-UI) – use a transparent image as list marker:

#main-menu ul ul li {
  list-style: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
}

that is the smallest possible data URL for a transparent image that the folks of the Jquery team could generate.

Gallex · 2018-05-19 13:23:02

thank’s! but extra margins – any ideas?

michaelkpate · 2018-05-19 14:06:51

A discussion on github and twitter.

phiw13 · 2018-05-20 00:34:04

Gallex wrote #311891:

thank’s! but extra margins – any ideas?

Hmm, no clue right now, will need to debug more deeply when I’am sitting in front of a Windows box.

Which version of Edge are you seeing that margin problem?

Gallex · 2018-05-20 10:19:10

phiw13 wrote #311906:

Which version of Edge are you seeing that margin problem?

latest. i think windows 10 build 17134

before the latest version, it didn’t add a margins

edit: found version number: Microsoft Edge 42.17134.1.0, Microsoft EdgeHTML 17.17134

Last edited by Gallex (2018-05-20 11:13:53)

Gallex · 2018-05-20 11:26:46

michaelkpate wrote #311892:

A discussion on github and twitter.

thank’s!

this solved the issue:

#main-menu ul ul li{float:left; width:100%;}
#main-menu ul ul li a{float:left; width:100%;}

bici · 2018-05-20 22:37:27

Gallex wrote #311889:

hi!

RE: this page

nice site. curious if you are using a theme? if so which one?

phiw13 · 2018-05-21 06:43:29

Gallex wrote #311909:

latest. i think(…)

edit: found version number: Microsoft Edge 42.17134.1.0, Microsoft EdgeHTML 17.17134

I don’t have that one – yet. It appears to be in the download cue, if I understand the software update panel. So maybe one of these days…

Out of curiosity, where was the spooky unexpected margin? Top or left, or all sides ? Trying to understand the mechanics at play.

And when when, for Amaterasu’s sake, are they going to fix that bloody bug. grumble.

Last edited by phiw13 (2018-05-21 06:45:08)

Gallex · 2018-05-21 08:48:13

phiw13 wrote #311929:

Out of curiosity, where was the spooky unexpected margin? Top or left, or all sides ? Trying to understand the mechanics at play.

top

Gallex · 2018-05-21 08:49:12

bici wrote #311924:

nice site. curious if you are using a theme? if so which one?

no. self-made

phiw13 · 2018-05-21 08:54:07

Gallex wrote #311930:

top

Thanks. So an interaction between the list-marker and the block inside the <li /> I suspect. They seem to copy a weird behavior from Chromium.

Textpattern CMS

Textpattern CMS support forum

#1 2018-05-19 12:49:50