Black Friday = Pricewatch Bekijk onze selectie van de beste Black Friday-deals en voorkom een miskoop.

[bug] geen focus op pagina; pijltjestoetsen werken niet

Pagina: 1
Acties:
  • 156 views

  • Gluten Parody
  • Registratie: Mei 2002
  • Nu online
Ik navigeer graag door webpagina's met de pijltjestoetsen en spatiebalk. Sinds Tweakers 7 gaat dat niet meer; ik moet eerst ergens op de pagina klikken om te zorgen dat er focus is. Is dit een bewuste keuze of een bug? Mogelijk is dit al eerder gemeld, maar ik kon het zo gauw niet vinden tussen de al bestaande onderwerpen in Lieve Devvers.

Geconstateerd in Chrome 22.0.1229.94 en Safari 6.0.1 op OS X 10.8. In Firefox doet dit probleem zich gek genoeg niet voor.

[ Voor 15% gewijzigd door Gluten Parody op 02-11-2012 16:59 ]

Beeldscherm voor MacOS kiezen?


  • MueR
  • Registratie: Januari 2004
  • Laatst online: 21:04

MueR

Admin Devschuur® & Discord

is niet lief

Met diezelfde Chrome hier geen probleem in Win7. Heb je misschien wat plugins draaien?

Anyone who gets in between me and my morning coffee should be insecure.


  • Gluten Parody
  • Registratie: Mei 2002
  • Nu online
Los van een ad-blocker (en de henk-plugin :P ) niets, maar ik zal eens gaan testen met die plugins uitgeschakeld.

Beeldscherm voor MacOS kiezen?


  • jayvol09
  • Registratie: Augustus 2009
  • Laatst online: 02-09-2020
Werkt hier ook gewoon met chrome 12.0.xxx

"Between the weak and the strong one it is the freedom which oppresses and the law that liberates" [Jean Jacques Rousseau]


  • NMe
  • Registratie: Februari 2004
  • Laatst online: 09-09 13:58

NMe

Quia Ego Sic Dico.

Je hebt niet toevallig custom CSS draaien om de header te fixen en de content in een scrollable div te zetten? Toen ik dat had, had ik hetzelfde probleem namelijk. Opgelost door de header op een andere manier te fixeren. :)

'E's fighting in there!' he stuttered, grabbing the captain's arm.
'All by himself?' said the captain.
'No, with everyone!' shouted Nobby, hopping from one foot to the other.


  • Gluten Parody
  • Registratie: Mei 2002
  • Nu online
Koekje voor NMe: dat was inderdaad de boosdoener ;) En ik snap weer wat meer van CSS...

Tnx!

Beeldscherm voor MacOS kiezen?


  • crisp
  • Registratie: Februari 2000
  • Nu online

crisp

Devver

Pixelated

Geen bug dus :)

Intentionally left blank


  • NMe
  • Registratie: Februari 2004
  • Laatst online: 09-09 13:58

NMe

Quia Ego Sic Dico.

Als laatste toevoeging dan maar de ranzige manier waarop ik mijn headerbalk fixeer:
Cascading Stylesheet:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
/* Header fixeren */
#menubar {
    background: #b1113a; /* Old browsers */
    background: -moz-linear-gradient(top,  #b1113a 0%, #b60e39 60%, #262828 60%, #1c1e1e 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b1113a), color-stop(60%,#b60e39), color-stop(60%,#262828), color-stop(100%,#1c1e1e)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #b1113a 0%,#b60e39 60%,#262828 60%,#1c1e1e 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #b1113a 0%,#b60e39 60%,#262828 60%,#1c1e1e 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #b1113a 0%,#b60e39 60%,#262828 60%,#1c1e1e 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #b1113a 0%,#b60e39 60%,#262828 60%,#1c1e1e 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b1113a', endColorstr='#1c1e1e',GradientType=0 ); /* IE6-9 */

    padding-top: 50px;
    position:fixed;
    width: 100%;
    top: 0;
    z-index: 200;
}
.notificationsPopup, .trackerPopup {
    position:fixed;
}
#layout {
    padding-top:83px;
}
#search {
    padding-top:12px;
}
#searchbar {
    margin-top: 0;
    border-radius: 0;
}
#contentArea {
    padding-bottom: 40px;
}
#bottom {
    position: relative;
}
a[name] {
    display:block;
    padding-top:83px;
    margin-top:-83px;
}

Die laatste set rules is om te zorgen dat anchor linkjes netjes uitlijnen als je een link met een #fragment volgt. Werkt helaas alleen voor de ouderwetse <a name="...">, niet voor anchors die op de nieuwerwetse manier met id's werken. Neem ik maar op de koop toe, vooral omdat het op het forum gewoon goed werkt. :+

'E's fighting in there!' he stuttered, grabbing the captain's arm.
'All by himself?' said the captain.
'No, with everyone!' shouted Nobby, hopping from one foot to the other.

Pagina: 1

Dit topic is gesloten.