Weergave lijkt me niet helemaal zoals zou moeten

[CH4OS]

Bij het bekijken van review: Star Citizen tien jaar in alfa - Ongekend ambitieus of zwart crowdfun... komt volgens mij de weergave niet helemaal lekker uit de verf:
Ik heb Custom CSS uitgeschakeld in het sceenshot, dus dat kan geen roet in het eten gooien, ook uBlock Origin heb ik voor de test (ondanks whitelist) uitgeschakeld, maar gooit ook geen roet in het eten.

Ik gok zo dat de infoBox net iets te breed is. Al vraag ik mij af of dat überhaupt een element is dat gebruikt wordt, ik heb dat element de laatste tijd niet zo heel vaak gezien, op deze manier bedoel ik dan.

Ik gebruik Windows 11 22H2 (22621.2134) en Firefox 116.0.3, maar ook gaat het fout in Chrome 116.0.5845.111 (niet ingelogd op Tweakers) en Edge 116.0.1938.62 (ook niet ingelogd op Tweakers).

EDIT:
Andere pagina's van het artikel gaan wel goed en nagenoeg elke pagina heeft zo'n infoBox element. Het lijkt aan de plaatsing van het blokje te liggen, omdat op andere pagina's het blokje lager staat en dan wel goed uitlijnt.

[ Voor 13% gewijzigd door CH4OS op 29-08-2023 10:07 ]

[crisp]

Ik kan dit niet (meer) reproduceren, dus het lijkt me dat de redacteur het zelf al heeft opgelost

[CH4OS]

@crisp Ik denk dat de redacteur het nog niet opgelost heeft. Zojuist wederom getest, maar het gaat hier nog steeds fout, intussen in Firefox 117.

Ingelogd:


Private browser window:


Alle andere pagina's hebben ook het infoBlock, maar die staat dan niet direct aan het begin, daar gaat het wel goed. Alleen deze pagina dus nog altijd niet.

[ Voor 21% gewijzigd door CH4OS op 12-09-2023 09:49 ]

[crisp]

Ik kan het toch echt niet reproduceren:



Wat is precies je resolutie? En ben je in- of uitgezoomed?

[crisp]

Hmmmz, in private modus kan ik het wel reproduceren. Dat is een mooie aanwijzing

[CH4OS]

crisp schreef op dinsdag 12 september 2023 @ 09:58:
Wat is precies je resolutie? En ben je in- of uitgezoomed?

1920*1200 is de resolutie. Ik gebruik geen zoom.

[ Voor 40% gewijzigd door CH4OS op 12-09-2023 10:02 ]

[P_Tingen]

Hier ook fout gerenderd: Windows 10 / Edge / ingelogd / 100% zoom / resolutie 2560x1440

[crisp]

Het komt zo te zien door de adblockcheck die het artikel opsplitst in een 'teaser' en een 'paywall', waardoor de infobox gescheiden raakt van de rest van de content... Dat is helaas een lastige om technisch te fixen. Ik zal vragen aan @YannickSpinner of op de eerste pagina de infobox ook na de eerste paragraaf mag; dat zal het waarschijnlijk ook oplossen.

[CH4OS]

@crisp Gaat dit dan wel als een known issue geregistreerd worden?

Edit:
Dit om in elk geval op de hoogte te zijn van het issue en dat er dus omheen gewerkt kan worden.

[ Voor 43% gewijzigd door CH4OS op 12-09-2023 10:08 ]

[YannickSpinner]

Thanks voor de tag @crisp! Ik heb het infoblokje een paragraaf naar beneden geplaatst. Omdat de tekst daarin langer is dan de rest van de intro ziet dat er een beetje gek uit, maar heel erg is het niet

[crisp]

@YannickSpinner thanks! Dat maakt het inderdaad wel iets beter, maar helemaal ideaal is het niet. Ik broed ondertussen toch nog op een technische oplossing

[CH4OS]

Misschien bemoei ik mij nu teveel met iets, maar kan het zijn dat de adblockcheck voor de teaser gewoon wat meer content verwacht, @crisp?

[crisp]

CH4OS schreef op dinsdag 12 september 2023 @ 10:59:
Misschien bemoei ik mij nu teveel met iets, maar kan het zijn dat de adblockcheck voor de teaser gewoon wat meer content verwacht, @crisp?

Hij pakt de eerste 2 paragrafen, of de eerste <div> uit het artikel. In dit geval dus enkel het infoblokje. Maar zelfs al zou hij nog een paragraaf extra pakken zit je met de vervelende split die sowieso voor layout-issues zorgt met een een groot floating element.

Ik ben nu aan het kijken of ik het kan oplossen met display:contents op de verschillende containers.

[crisp]

display:contents lijkt het te fixen Maar an sich vind ik het netter om ook de eerste paragraaf in de teaser te hebben staan, dus het lijkt me dat de infobox sowieso beter staat na de eerste paragraaf

[CH4OS]

crisp schreef op dinsdag 12 september 2023 @ 14:10:
display:contents lijkt het te fixen Maar an sich vind ik het netter om ook de eerste paragraaf in de teaser te hebben staan, dus het lijkt me dat de infobox sowieso beter staat na de eerste paragraaf

Thanks voor de fix! Ik kan het bericht alleen niet markeren als oplossing, omdat ik het issue niet aangemaakt heb als vraag Mea culpa, bedankt voor het oplossen!