mobiele weergave stuk?

Pagina: 1
Acties:

Acties:
  • +5 Henk 'm!

  • RubjeMazter
  • Registratie: December 2017
  • Laatst online: 05:33
Vermeld de URL waar het probleem zich bevindt
Homepage

Beschrijf wat je zou verwachten als het probleem zich niet voordeed
Oude layout, ter aanvulling:
Het gaat om de 2 artikelen bóven de verschillende kopjes met icoontjes (smartphones, laptops, tablets, hoofdtelefoons en televisies). Die horen daar niet ;)

Indien relevant, voeg een screenshot toe
Afbeeldingslocatie: https://tweakers.net/i/quCod2Ef3ZuXqgZvSrOxWFXpEl4=/x800/filters:strip_exif()/f/image/Xjqke0NAkDndV5TTwFupyZZj.png?f=fotoalbum_large

Vermeld welk apparaat en browser je gebruikt
Nothing phone(2), firefox.

[ Voor 12% gewijzigd door RubjeMazter op 07-01-2025 18:29 ]


Acties:
  • 0 Henk 'm!

  • Master FX
  • Registratie: Juni 1999
  • Laatst online: 20-09 15:29
Ja hier ook. Wilde net ook een screenshot plaatsen.

Chrome 131.0.6778.200 op S24 ultra met Android 14

Stay safe


Acties:
  • +1 Henk 'm!

  • Room42
  • Registratie: September 2001
  • Niet online
Oud? Of gewoon 'dark mode'? ;)

"Technological advancements don't feel fun anymore because of the motivations behind so many of them." Bron


Acties:
  • 0 Henk 'm!

  • RubjeMazter
  • Registratie: December 2017
  • Laatst online: 05:33
Het gaat om de 2 artikelen bóven de verschillende kopjes met icoontjes (smartphones, laptops, tablets, hoofdtelefoons en televisies).

Acties:
  • +1 Henk 'm!

  • wouter2512
  • Registratie: December 2012
  • Laatst online: 19-09 20:10
Bij mij zelfs 5 artikelen boven de header. Met een posttijd van rond 0500 erbij. Dark Mode Android Firefox.

Acties:
  • +1 Henk 'm!

  • RubjeMazter
  • Registratie: December 2017
  • Laatst online: 05:33
Het wordt er niet beter op naarmate er artikelen bij komen :P
Afbeeldingslocatie: https://tweakers.net/i/r4eTQxVvFRTquotgae3BiTwSnEE=/x800/filters:strip_exif()/f/image/v09G6x5GPkWGJR6RKT5CaGkM.png?f=fotoalbum_large

Acties:
  • 0 Henk 'm!

  • Hahn
  • Registratie: Augustus 2001
  • Laatst online: 23:01
Mijn theorie is dat er vandaag zoveel nieuwsberichten geplaatst zijn (ik heb een minuutje geleden 40 nieuwsberichten van alléén vandaag geteld), dat het systeem op mobiel eigenlijk het aantal nieuwsberichten wil beperken, maar omdat het allemaal van vandaag is, het toch te voorschijn komt :+

Aangezien CES nog wel even duurt, verwacht ik dat het lijstje nog wel wat langer gaat worden vanavond :P

[ Voor 15% gewijzigd door Hahn op 07-01-2025 18:42 ]

The devil is in the details.


Acties:
  • +1 Henk 'm!

  • Arn0uDz
  • Registratie: November 2009
  • Nu online
Hier ook. iPhone met Google Chrome.

Acties:
  • 0 Henk 'm!

  • H-W
  • Registratie: Maart 2016
  • Laatst online: 06:56

H-W

Hier ook hetzelfde probleem Samsung S24 met Firefox. Eerder vandaag heb ik geen problemen gehad met mobiel bezoeken van de site.

Acties:
  • 0 Henk 'm!

  • Illusion
  • Registratie: November 2000
  • Laatst online: 08:12

Illusion

(the art of)

Hier ook. Iphone SE 2020.

Soms ben ik er wel, en soms ook weer niet.


Acties:
  • 0 Henk 'm!

  • Hahn
  • Registratie: Augustus 2001
  • Laatst online: 23:01
Letterlijk iedereen op mobiel heeft het, dat hoeft niet door iedereen los bevestigd te worden :)

The devil is in the details.


Acties:
  • 0 Henk 'm!

  • Gropah
  • Registratie: December 2007
  • Niet online

Gropah

Admin Softe Goederen

Oompa-Loompa 💩

Heb het even nagebootst in firefox 133.0.3 mbv dev tools op iphone 13 max

Afbeeldingslocatie: https://tweakers.net/i/DB8yPf9cRHUZsLJN6lvlu7BTUrk=/x800/filters:strip_exif()/f/image/xMEW01mAYZZqjdZlQMK9ICJY.png?f=fotoalbum_large

Als ik even snel in de HTML kijk lijkt het er op dat "headline-block-5" verkeerd geplaatst word. Geen idee welke CSS dat doet though

Acties:
  • 0 Henk 'm!

  • Hahn
  • Registratie: Augustus 2001
  • Laatst online: 23:01
Gropah schreef op dinsdag 7 januari 2025 @ 18:58:
Heb het even nagebootst in firefox 133.0.3 mbv dev tools op iphone 13 max

[Afbeelding]

Als ik even snel in de HTML kijk lijkt het er op dat "headline-block-5" verkeerd geplaatst word. Geen idee welke CSS dat doet though
Het gaat om 'headlines-9' binnen 'headline-block-5', om precies te zijn ;)

Maar hier zullen de Tweakers-devs vast zelf snel een oplossing voor vinden. Als je echter niet kan wachten, dan kan je dit in je Custom CSS zetten en dan is het weg:

Cascading Stylesheet:
1
2
3
.headlines-9 { 
  display: none;
}

Maar dan mis je dus een sectie van de nieuwsberichten.

edit:
Het is al opgelost zelfs :D

The devil is in the details.


Acties:
  • +7 Henk 'm!

  • ACM
  • Registratie: Januari 2000
  • Niet online

ACM

Software Architect

Werkt hier

Het gaat/ging mis doordat er ivm de verschillende schermgroottes/breedtes de headlines op andere manieren worden gepositioneerd. Sommige dingen verplaatsen per 10 headlines en sommige per 5.

Al met al was er daardoor er code om voor 'elk' groepje van 5 artikelen wat aparte css-regel te generen. Maar daar was niet echt rekening gehouden met het feit dat er op 1 dag 9 groepjes van 5 artikelen kunnen zijn... :o
Hahn schreef op dinsdag 7 januari 2025 @ 19:05:
Maar hier zullen de Tweakers-devs vast zelf snel een oplossing voor vinden. Als je echter niet kan wachten, dan kan je dit in je Custom CSS zetten en dan is het weg:

Cascading Stylesheet:
1
2
3
.headlines-9 { 
  display: none;
}

Maar dan mis je dus een sectie van de nieuwsberichten.

edit:
Het is al opgelost zelfs :D
Inderdaad, even als snelle fix wat jij hier toevallig ook voorstelt. Maar ook maar gelijk 10 en 11 erbij gezet, hopelijk gaat de redactie niet nog verder met artikelen schrijven ;)

Acties:
  • +4 Henk 'm!

  • TijsZonderH
  • Registratie: Maart 2012
  • Laatst online: 21:38

TijsZonderH

Nieuwscoördinator
Maar daar was niet echt rekening gehouden met het feit dat er op 1 dag 9 groepjes van 5 artikelen kunnen zijn... :o
Ik hou van de dagen dat we zo productief zijn dat we de CSS kapotmaken!

Deze week is daar overigens wel echt een uitzondering in, CES is altijd de drukste week van het jaar.

Deze handtekening kan worden opgenomen voor trainingsdoeleinden.

Pagina: 1