fr.audiofanzine.com/news/ Columns are wrongly rendered Topic is solved

[Artisticum_235]

Here is a capture of the "news" page https://fr.audiofanzine.com/news/ rendered by PM:



Each news listed on this page have an image on the left, followed by a blank space (tab ?), then the presentation text should appear on a second column, separated from the image...

With PM, the left images have a neat tendency to recover (overlap) almost half of the text, rendering it unreadable.

The only (bad) solution I found, is to reduce the width of the PM window to a minimum, here is the correct rendering:



As you can see, the text is now perfectly readable, there's no columns' overlapping.

Gear: Intel i7 11th gen, 32 go ram, nvidia rtx 3060, Win11 24H2, PM 33.6.1.

If you need more info, please ask, but take into account the fact that I'm very, very far from being tech-savvy, though I'll try my best.

[jobbautista9]

A workaround is to install a userstyle manager like Stylem and add the following CSS for audiofanzine.com:

Code: Select all

@namespace url(http://www.w3.org/1999/xhtml);

@-moz-document domain("audiofanzine.com") {
  picture.cover img { margin: unset !important; }
}

[Artisticum_235]

A workaround is to install a userstyle manager like Stylem and add the following CSS for audiofanzine.com:

Code: Select all

@namespace url(http://www.w3.org/1999/xhtml);

@-moz-document domain("audiofanzine.com") {
  picture.cover img { margin: unset !important; }
}

Wooow... so nice!!! Works perfect! Thanks a bunch, @jobbautista9!

EDIT: (OT: Sorry for n00b question, but why can't I edit the first post to add "(SOLVED)" to the title?)